From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 23 Dec 2025 11:41:10 +0000 (+0100)
Subject: wip #7779
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=5f0a77542b1839e7e58cf830021cf75a604f7404;p=fluidbook-html5.git

wip #7779
---

diff --git a/style/accessibility.less b/style/accessibility.less
index 4e00dd33..893377cf 100644
--- 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 1d345779..26d13c1b 100644
--- 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)";