wip #7779

diff --git a/style/accessibility.less b/style/accessibility.less
index 4e00dd332d98899990b85c31e8ac74bf4f6ff9cd..893377cf31ee54c3bd14b9bd630a3f590e58df17 100644 (file)
--- a/style/accessibility.less
+++ b/style/accessibility.less
@@ -78,14 +78,16 @@
     transform: translateX(-50%) !important;
   }
 
-  @media @smartphone {
+  @media @fullscreen {
     width: 100% !important;
+    max-width: 100% !important;
     max-height: 100% !important;
     top: 0 !important;
   }
 
   .caption {
     background-color: #fff;
+    position: absolute;
 
     a.back, a.back:hover, a.back:focus {
       background-color: #000;
@@ -99,11 +101,11 @@
     padding: 65px;
 
     @media @small {
-      padding: 15px;
+      padding: 60px 15px 15px;
     }
 
-    @media @smartphone {
-      max-height: calc(100vh - 40px) !important;
+    @media @fullscreen {
+      max-height: 100vh !important;
     }
 
     &::-webkit-scrollbar-track {

diff --git a/style/variables.less b/style/variables.less
index 1d34577902c1398bba954fb21b0a45edf8d366fe..26d13c1b23ffad67ed4c6e5abf30fcc1fb263902 100644 (file)
--- a/style/variables.less
+++ b/style/variables.less
@@ -1,6 +1,6 @@
 @import "book-variables";
 
-@smartphone: ~"screen and (max-width: 334px)";
 @small: ~"screen and (max-width: 640px)";
 @medium: ~"screen and (max-width: 800px)";
-@large: ~"screen and (min-width: 1280px)";
\ No newline at end of file
+@fullscreen: ~"screen and (max-width: 1023px)";
+@large: ~"screen and (min-width: 1280px)";