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

The beginnings of the build mode and rows

Browse Source
This commit is contained in:
Matt Toback
2016-04-15 19:52:18 -04:00
parent 5f6ecac3f9
commit a7e8e64d78
9 changed files with 61 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -217,32 +217,62 @@ div.flot-text {
display: flex;
flex-direction: row;
text-align: left;
align-items: center;
}
.dash-row-header-title {
font-size: $font-size-h3;
font-family: $headings-font-family;
padding: $spacer $spacer*2;
padding: $spacer $spacer $spacer $spacer/2;
}
.dash-row-header-settings {
display: none;
display: block;
}
.dash-row-header-chevron {
flex-grow: 100;
text-align: right;
margin-right: 0.6rem;
}
.dash-row-header-collapse-toggle {
flex-grow: 100;
text-align: right;
display: none;
margin-right: $spacer/2;
}
.dash-edit-mode {
.dash-row {
background-color: $dark-5;
padding: 0 $spacer $spacer $spacer;
}
// .dash-row {
// background: $dash-row-background;
// box-shadow: $dash-row-shadow;
// padding: 0 ($spacer/4) ($spacer/2) ($spacer/4);
// margin-bottom: $spacer;
// }
.dash-row {
background: lighten($body-bg, 1%);
box-shadow: inset 15px 0px 0px 0px #262626;
padding: 0 ($spacer/4) ($spacer/2) ($spacer*2);
margin-left: 5px;
margin-bottom: $spacer;
}
.dash-row-header-collapse-toggle,
.dash-row-header-settings {
display: block;
}
}
.fa.fa-wrench-close:after {
content: "";
position: absolute;
width: .22rem;
height: 33.421356%;
top: 19px;
display: block;
background: #33B5E5;
left: 181px;
transform: translate(-50%, 0) rotate(-45deg);
}