grafana/public/sass/components/_row.scss
2017-10-24 15:46:03 +02:00

72 lines
1.1 KiB
SCSS

.dashboard-row {
display: flex;
align-items: center;
height: 100%;
&--collapsed {
background: $panel-bg;
.dashboard-row__panel_count {
display: inline-block;
}
.dashboard-row__drag,
.dashboard-row__actions {
visibility: visible;
opacity: 1;
}
}
}
.dashboard-row__title {
flex-grow: 0;
font-size: 1.15rem;
font-weight: $font-weight-semi-bold;
color: $text-color;
.fa {
color: $text-muted;
font-size: $font-size-xs;
padding: 0 0.5rem;
}
}
.dashboard-row__actions {
color: $text-muted;
visibility: hidden;
opacity: 0;
flex-grow: 1;
a {
color: $text-color-weak;
padding-left: $spacer;
&:hover {
color: $link-hover-color;
}
}
}
.dashboard-row__panel_count {
padding-left: $spacer;
color: $text-color-weak;
font-style: italic;
font-size: $font-size-sm;
font-weight: normal;
display: none;
}
.dashboard-row__drag {
cursor: move;
width: 1rem;
height: 100%;
background: url("../img/grab_dark.svg") no-repeat 50% 50%;
background-size: 8px;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
}