IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-30 20:54:22 -06:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard: Fixes back button styles in kiosk mode (#19165)

Browse Source 
Fixes: #18114
This commit is contained in:
Hugo Häggmark 2019-09-17 23:58:08 -07:00 committed by Torkel Ödegaard
parent dd794625dd
commit 38e948a1ad
4 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/grafana-ui/src/themes/_variables.scss.tmpl.ts
View File

@ -193,6 +193,7 @@ $btn-semi-transparent: rgba(0, 0, 0, 0.2) !default;
// sidemenu // sidemenu
$side-menu-width: 60px; $side-menu-width: 60px;
$navbar-padding: 20px;
// dashboard // dashboard
$dashboard-padding: $space-md; $dashboard-padding: $space-md;

1
public/sass/_variables.generated.scss
View File

@ -196,6 +196,7 @@ $btn-semi-transparent: rgba(0, 0, 0, 0.2) !default;
// sidemenu // sidemenu
$side-menu-width: 60px; $side-menu-width: 60px;
$navbar-padding: 20px;
// dashboard // dashboard
$dashboard-padding: $space-md; $dashboard-padding: $space-md;

2
public/sass/components/_navbar.scss
View File

@ -46,7 +46,7 @@
.panel-in-fullscreen { .panel-in-fullscreen {
.navbar { .navbar {
padding-left: 20px; padding-left: $navbar-padding;
} }
.navbar-button--add-panel, .navbar-button--add-panel,

15
public/sass/components/_view_states.scss
View File

@ -14,6 +14,10 @@
i { i {
opacity: 0; opacity: 0;
} }
i.navbar-page-btn__folder-icon {
opacity: inherit;
}
} }
.navbar-button--zoom { .navbar-button--zoom {
@ -25,6 +29,17 @@
@extend .view-mode--inactive; @extend .view-mode--inactive;
} }
// https://github.com/grafana/grafana/issues/18114
.view-mode--tv.panel-in-fullscreen {
.navbar {
padding-left: $navbar-padding;
}
.navbar-page-btn {
transform: none;
}
}
.view-mode--tv { .view-mode--tv {
@extend .view-mode--inactive; @extend .view-mode--inactive;