Hash module; improve displaying html content on mobile

jehadja · Mar 9, 2017 · 90e0dcf · 90e0dcf
1 parent 56da359
commit 90e0dcf
Show file tree

Hide file tree

Showing 11 changed files with 350 additions and 118 deletions.
diff --git a/dist/jquery.fancybox.css b/dist/jquery.fancybox.css
@@ -1,10 +1,10 @@
+@charset "UTF-8";
 .fancybox-enabled {
   overflow: hidden; }
 
 .fancybox-enabled body {
   overflow: visible;
-  -ms-touch-action: none;
-  touch-action: none; }
+  height: 100%; }
 
 .fancybox-container {
   position: fixed;
@@ -260,13 +260,26 @@
 
 .fancybox-close-small {
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: 0;
+  right: 0;
+  width: 44px;
+  height: 44px;
   padding: 0;
   margin: 0;
+  border: 0;
+  border-radius: 0;
+  outline: none;
+  background: transparent;
+  z-index: 10; }
+
+.fancybox-close-small:after {
+  content: '×';
+  position: absolute;
+  top: 5px;
+  right: 5px;
   width: 30px;
   height: 30px;
-  font: 21px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
+  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
   color: #888;
   font-weight: 300;
   text-align: center;
@@ -278,15 +291,15 @@
   box-sizing: border-box;
   z-index: 2; }
 
-.fancybox-close-small:focus {
+.fancybox-close-small:focus:after {
   outline: 1px dotted #888; }
 
 .fancybox-slide--video .fancybox-close-small {
   top: -36px;
   right: -36px;
   background: transparent; }
 
-.fancybox-close-small:hover {
+.fancybox-close-small:hover:after {
   color: #555;
   background: #eee; }