grafana/public/sass/components/_view_states.scss
Torkel Ödegaard 701ad79bb5
PageToolbar: Extracting navbar styles & layout into a modern emotion based component (#30588)
* Explore: Replaces navbar-button and overriden explore button css classes with ToolbarButton and cleans up scss & markup, removes ResponsiveButton

* Change live button text when paused

* For the dashboard toolbar button I need a transparent button so I refactored the states/variants into a new ToolbarButtonVariatn

* PageToolbar wip

* Progress

* Prgress

* Minor progress

* Fixed back button and responsive titles

* Fixed tv mode

* Updated

* support tv modes and playlist

* more progress

* Fixing lots of view states and responsive features

* Minor fixes

* review fixes

* Fixes to e2e tests

* Review fixes
2021-01-27 15:02:04 +01:00

67 lines
1007 B
SCSS

.view-mode--inactive {
.react-resizable-handle,
.add-row-panel-hint,
.dash-row-menu-container,
.panel-info-corner--info,
.panel-info-corner--links {
display: none;
}
}
.view-mode--tv {
@extend .view-mode--inactive;
.sidemenu {
position: fixed;
background-color: transparent;
box-shadow: none;
.sidemenu__top,
.sidemenu__bottom,
.sidemenu__logo_small_breakpoint {
display: none;
}
.sidemenu__logo {
@include media-breakpoint-down(sm) {
display: block;
}
}
}
.page-toolbar {
padding-left: $side-menu-width;
&--fullscreen {
padding-left: $space-md;
}
}
.submenu-controls {
display: none;
}
}
.view-mode--kiosk {
@extend .view-mode--tv;
.sidemenu,
.page-toolbar {
display: none;
}
.submenu-controls {
display: none;
}
}
@include media-breakpoint-down(sm) {
div.page-toolbar {
padding-left: 53px;
&--fullscreen {
padding-left: $space-md;
}
}
}