Les menus de notification & utilisateur étaient trop haut sur tablette (

#5943) Correction de l'affichage des menus de notification et des liens utilisateur sur tablette : ils étaient étendus jusqu'en bas de la page (comme sur mobile) alors qu'ils sont conçus pour être a peu près comme sur un écran large, ce qui faisait un rendu étrange. Co-authored-by: Situphen <[email protected]>
zestedesavoir · Oct 6, 2020 · b453053 · b453053
1 parent f6c2fe7
commit b453053
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/assets/scss/layout/_header.scss b/assets/scss/layout/_header.scss
@@ -235,6 +235,15 @@ $logo-width: 240px;
     .dropdown {
         overflow: hidden;
 
+        @include mobile {
+            top: 50px;
+            height: calc(100vh - 50px);
+
+            @at-root body.has-top-banner .logbox .dropdown {
+                height: calc(100vh - 75px);
+            }
+        }
+
         .dropdown-title {
             display: block;
             margin: 0;
@@ -469,15 +478,6 @@ $logo-width: 240px;
                 width: 50px;
             }
 
-            .dropdown {
-                top: 50px;
-                height: calc(100vh - 50px);
-
-                @at-root body.has-top-banner .logbox .dropdown {
-                    height: calc(100vh - 75px);
-                }
-            }
-
             .dropdown.my-account-dropdown .dropdown-list {
                 bottom: 0;