3
0
mirror of https://github.com/grafana/grafana.git synced 2025-02-13 09:05:45 -06:00
grafana/public/sass/pages/_dashboard.scss
Torkel Ödegaard 69bdcccd10
NewPanelEdit: Minor style tweaks & fix to transparent panels ()
* NewPanelEdit: Minor style tweaks

* Fixed ts issue

* Tweaked breakpoint
2020-04-06 08:22:49 +02:00

123 lines
1.8 KiB
SCSS

.dashboard-container {
padding: $dashboard-padding $dashboard-padding 0 $dashboard-padding;
width: 100%;
height: 100%;
box-sizing: border-box;
}
div.flot-text {
color: $text-color !important;
}
.panel {
height: 100%;
}
.dashboard-solo {
.footer,
.sidemenu {
display: none;
}
}
.panel-solo {
position: fixed;
bottom: 0;
right: 0;
margin: 0;
left: 0;
top: 0;
.panel-container {
border: none;
}
.panel-menu-toggle,
.panel-menu {
display: none;
}
}
.panel-height-helper {
display: block;
height: 100%;
}
.panel-container {
background-color: $panel-bg;
border: $panel-border;
position: relative;
border-radius: 3px;
height: 100%;
width: 100%;
&--transparent {
background-color: transparent;
border: 1px solid transparent;
}
&:hover {
.panel-menu-toggle {
visibility: visible;
transition: opacity 0.1s ease-in 0.2s;
opacity: 1;
}
}
&--is-editing {
height: auto;
}
&--absolute {
position: absolute;
}
}
.panel-content {
padding: $panel-padding;
height: calc(100% - #{$panel-header-height});
width: 100%;
position: relative;
overflow: auto;
&--no-padding {
padding: 0;
}
}
// For larger screens, set back to hidden to avoid double scroll bars
@include media-breakpoint-up(md) {
.panel-content {
overflow: hidden;
}
}
.dashboard-header {
font-size: $font-size-h2;
text-align: center;
overflow: hidden;
position: relative;
top: -10px;
span {
display: inline-block;
@include brand-bottom-border();
padding: $space-sm $space-sm $space-xxs $space-sm;
}
}
.dashboard-loading {
height: 60vh;
display: flex;
align-items: center;
justify-content: center;
.alert {
max-width: 600px;
min-width: 600px;
}
}
.dashboard-loading__text {
font-size: $font-size-lg;
}