mirror of
https://github.com/grafana/grafana.git
synced 2024-12-01 21:19:28 -06:00
17a2ce13f0
* nicer collapsed row behavior * don't block events * use a div to toggle * use singular name
87 lines
1.4 KiB
SCSS
87 lines
1.4 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 {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.dashboard-row__actions {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.dashboard-row__toggle-target {
|
|
flex: 1;
|
|
cursor: pointer;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
.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;
|
|
transition: 200ms opacity ease-in 200ms;
|
|
|
|
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;
|
|
}
|