IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(view/kiosk mode): added view mode and kiosk mode, #6476

Browse Source
This commit is contained in:
Torkel Ödegaard
2016-11-05 14:23:37 +01:00
parent 0d82fb71ad
commit d38de2cc8b
5 changed files with 95 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/sass/mixins/_mixins.scss
View File

@@ -351,3 +351,14 @@
border-left: 0;
border-bottom: 1px solid transparent;
}
@mixin hide-controls() {
.add-row-panel-hint,
.dash-row-menu {
display: none;
}
.resize-panel-handle,
.panel-drop-zone {
visibility: hidden;
}
}

41
public/sass/pages/_dashboard.scss
View File

@@ -14,11 +14,11 @@
}
.playlist-active {
.add-row-panel-hint,
@include hide-controls();
.dashnav-refresh-action,
.dashnav-zoom-out,
.dashnav-action-icons,
.dash-row-menu,
.dashnav-move-timeframe {
display: none;
}
@@ -29,15 +29,40 @@
}
.hide-controls {
.add-row-panel-hint {
@include hide-controls();
}
.page-kiosk-mode {
@include hide-controls();
dashnav {
display: none;
}
.dash-row-menu {
display: none;
}
.user-activity-low {
@include hide-controls();
.dashnav-refresh-action,
.dashnav-zoom-out,
.dashnav-action-icons,
.dashnav-move-timeframe {
opacity: 0;
transition: opacity 1.5s ease-in-out;
}
.resize-panel-handle,
.panel-drop-zone {
visibility: hidden;
// navbar buttons
.navbar-inner {
background: transparent;
transition: background 1.5s ease-in-out;
}
.navbar-brand-btn,
.navbar-page-btn {
border: none;
background: transparent;
.fa, .icon-gf {
opacity: 0;
transition: opacity 1s ease-in-out;
transition: opacity 1.5s ease-in-out;
}
}
}