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
This commit is contained in:
lzd 2019-09-18 17:06:08 +08:00 committed by Dominik Prokop
parent 38e948a1ad
commit 5ef40b259d
2 changed files with 12 additions and 6 deletions

View File

@ -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;
}

View File

@ -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 {