fix fullscreen menus from being cut off

nationalarchives · Feb 20, 2024 · 94a8028 · 94a8028
1 parent 40b7198
commit 94a8028
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/sass/includes/_universal-viewer.scss b/sass/includes/_universal-viewer.scss
@@ -1,7 +1,8 @@
 #uv {
     width: 100%;
-    height: 688px;
+    min-height: 688px;
     font-family: $font__open-sans;
+    margin-bottom: 3rem;
 
     > div {
         background-color: transparent;
@@ -84,8 +85,7 @@
 
     .headerPanel {
         background-color: transparent;
-        height: auto;
-        padding: 1rem 0;
+        height: 50px;
 
         .search {
             margin-top: 0;
@@ -289,7 +289,6 @@
     .mobileFooterPanel {
         background-color: transparent;
         height: auto;
-        margin-bottom: 1rem;
         position: relative;
 
         .options {
@@ -307,8 +306,8 @@
     }
 
     .footerPanel {
-        padding: 1rem 0;
-        margin: 0;
+        height: 55px;
+        margin: 0.5rem 0;
     }
 
     // Icons
@@ -393,6 +392,14 @@
         width: 30px;
     }
 
+    .uv-icon-exit-fullscreen {
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M147.538-120 120-147.538 412.461-440H200v-40h280v280h-40v-212.461L147.538-120ZM480-480v-280h40v212.461L812.462-840 840-812.462 547.539-520H760v40H480Z'/%3E%3C/svg%3E");
+        background-position: center;
+        background-size: 25px 25px;
+        height: 30px;
+        width: 30px;
+    }
+
     .uv-icon-zoom-in {
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M464-464H280v-32h184v-184h32v184h184v32H496v184h-32v-184Z'/%3E%3C/svg%3E") !important;
         background-position: center;