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

progress on rows as panelsW

Browse Source
This commit is contained in:
Torkel Ödegaard
2017-08-18 16:33:36 +02:00
parent a0bb58867a
commit da9c8c814f
5 changed files with 128 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
public/sass/components/_row.scss
View File

@@ -1,52 +1,55 @@
.dash-row {
display: block;
.dashboard-row {
display: flex;
flex-direction: column;
position: relative;
height: 30px;
align-items: center;
&--collapse {
.dash-row-header {
background: $panel-bg;
border: $panel-border;
margin-bottom: $panel-margin*2;
background: $panel-bg;
border: $panel-border;
margin-bottom: $panel-margin*2;
}
&:hover {
background: $panel-bg;
.dashboard-row__chevron {
color: $link-color;
}
.dashboard-row__settings {
display: block;
}
}
}
.dash-row-header {
.dashboard-row__title {
position: relative;
flex-grow: 1;
display: flex;
flex-direction: row;
margin-right: $panel-margin;
margin-left: 0;
.h1 { font-size: 2.7rem; font-style: normal; line-height: 4rem; font-weight: 300; }
.h2 { font-size: 2.4rem; line-height: 3.5rem; font-weight: 300; }
.h3 { font-size: 2.0rem; line-height: 3rem; font-weight: 300;}
.h4 { font-size: 1.7rem; font-weight: 300;}
.h5 { font-size: 1.4rem; font-weight: 300;}
.h6 { font-size: 1rem; font-weight: 300; }
font-size: $font-size-lg;
font-weight: $font-weight-semi-bold;
//text-align: center;
display: block;
}
.dash-row-header-title {
padding: 0.6rem;
flex-grow: 1;
.dashboard-row__chevron {
padding: 0 2px;
font-size: $font-size-xs;
color: $text-muted;
position: relative;
left: -3px;
top: -1px;
}
.dash-row-collapse-toggle {
padding: 0 2px;
font-size: $font-size-xs;
color: $text-muted;
position: relative;
left: -3px;
top: -1px;
}
.dashboard-row__settings {
display: none;
}
&:hover {
.dash-row-collapse-toggle {
color: $link-color;
}
}
.dashboard-row__title-text {
padding-left: 0.6rem;
color: $text-color;
}
.panels-wrapper {