mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
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:
parent
38e948a1ad
commit
5ef40b259d
@ -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,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 {
|
||||
|
Loading…
Reference in New Issue
Block a user