fix(css): nav menu too big

IGNF · Feb 6, 2024 · 4599f98 · 4599f98
1 parent dad1d6b
commit 4599f98
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/src/css/alt-menu.css b/src/css/alt-menu.css
@@ -56,7 +56,7 @@
 /* mode paysage et écrans larges */
 @media (min-width: 615px), screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
   #altMenuContainer {
-    width: calc(100vw - 75px - var(--safe-area-inset-left));
-    left: calc(75px + var(--safe-area-inset-left))
+    width: calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right));
+    left: calc(var(--safe-area-inset-left))
   }
 }
diff --git a/src/css/map-buttons.css b/src/css/map-buttons.css
@@ -297,7 +297,7 @@
   background-position: center;
   position: fixed;
   left: calc(50vw - 25px);
-  top: calc((100vh - 78px - var(--safe-area-inset-bottom))/2 - 25px);
+  top: calc((100vh - 68px - var(--safe-area-inset-bottom))/2 - 25px);
   pointer-events: none;
 }
 
@@ -306,9 +306,9 @@
   display: flex;
   position: absolute;
   box-sizing: border-box;
-  top: calc(100% - 78px - var(--safe-area-inset-bottom));
+  top: calc(100% - 68px - var(--safe-area-inset-bottom));
   width: 100%;
-  height: calc(78px + var(--safe-area-inset-bottom));
+  height: calc(68px + var(--safe-area-inset-bottom));
   font-size: 12px;
   background-color: white;
   padding: 10px 30px 8px 15px;

diff --git a/src/css/map.css b/src/css/map.css
@@ -34,7 +34,7 @@
 
 /* Map */
 .map {
-  height: calc(100vh - 58px - var(--safe-area-inset-bottom));
+  height: calc(100vh - 48px - var(--safe-area-inset-bottom));
   width: 100vw;
   flex-grow: 1;
   position: fixed;

diff --git a/src/css/nav.css b/src/css/nav.css
@@ -1,7 +1,7 @@
 #navContainer {
     display: flex;
     position: absolute;
-    top: calc(100% - 78px - var(--safe-area-inset-bottom));
+    top: calc(100% - 68px - var(--safe-area-inset-bottom));
     width: 100%;
     height: 60px ;
     font-size: 12px;

diff --git a/src/css/tabs.css b/src/css/tabs.css
@@ -74,7 +74,7 @@
 /* Bottom menu */
 #tabContainer {
   position: absolute;
-  top: calc(100% - 78px - var(--safe-area-inset-bottom));
+  top: calc(100% - 68px - var(--safe-area-inset-bottom));
   height: fit-content;
   width: 100%;
   background-color: #f4f6f8;