Bläddra i källkod

Menu: fix menu button in the mobile view (#19191)

* replace "sandwich" (menu) button with logo(back home) if kiosk=tv
* update navbar initialize padding-left befause menu button is overlapped by the navbar
lzd 6 år sedan
förälder
incheckning
5ef40b259d
2 ändrade filer med 12 tillägg och 6 borttagningar
  1. 3 2
      public/sass/components/_navbar.scss
  2. 9 4
      public/sass/components/_view_states.scss

+ 3 - 2
public/sass/components/_navbar.scss

@@ -2,7 +2,7 @@
   position: relative;
   z-index: $zindex-navbar-fixed;
   height: $navbarHeight;
-  padding: 0 20px 0 50px;
+  padding: 0 20px 0 60px;
   display: flex;
   flex-grow: 1;
   border-bottom: 1px solid transparent;
@@ -44,7 +44,8 @@
   }
 }
 
-.panel-in-fullscreen {
+.panel-in-fullscreen,
+.panel-in-fullscreen.view-mode--tv {
   .navbar {
     padding-left: $navbar-padding;
   }

+ 9 - 4
public/sass/components/_view_states.scss

@@ -9,10 +9,8 @@
   }
 
   .navbar-page-btn {
-    transform: translate3d(-36px, 0, 0);
-
     i {
-      opacity: 0;
+      display: none;
     }
 
     i.navbar-page-btn__folder-icon {
@@ -49,9 +47,16 @@
     box-shadow: none;
 
     .sidemenu__top,
-    .sidemenu__bottom {
+    .sidemenu__bottom,
+    .sidemenu__logo_small_breakpoint {
       display: none;
     }
+
+    .sidemenu__logo {
+      @include media-breakpoint-down(sm) {
+        display: block;
+      }
+    }
   }
 
   .navbar {