Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #870 from influxdata/de-empty-states 

DE Empty State Polish
pull/861/head^2
Chris Goller 2017-02-10 17:09:03 -06:00 committed by GitHub
parent 1bdfbbdd6b 6a893f82c6
commit 32e86b1c66
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/style/pages/data-explorer/query-builder.scss
View File

@ -196,6 +196,14 @@ $query-builder--column-heading-height: 60px;
@include custom-scrollbar($g4-onyx,$c-pool); @include custom-scrollbar($g4-onyx,$c-pool);
background-color: $g4-onyx; background-color: $g4-onyx;
} }
.qeditor--empty {
margin-top: 0;
height: calc(100% - #{$query-builder--column-heading-height});
position: absolute;
top: $query-builder--column-heading-height;
left: 0;
background-color: transparent;
}
} }
.query-builder--column:nth-of-type(1) { left: 0; } .query-builder--column:nth-of-type(1) { left: 0; }
.query-builder--column:nth-of-type(2) { left: 25%; } .query-builder--column:nth-of-type(2) { left: 25%; }

12
ui/src/style/pages/data-explorer/query-editor.scss
View File

@ -182,11 +182,17 @@
.qeditor--empty { .qeditor--empty {
text-align: center; text-align: center;
color: $g10-wolf; color: $g10-wolf;
display: inline-block;
width: 100%; width: 100%;
padding: 18px 0; padding: 0;
height: $query-editor-height; display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: calc(100% - 32px);
background-color: transparent; background-color: transparent;
background-color: $g3-castle;
border-radius: 0 $radius $radius 0;
margin-top: 16px;
} }
// Hidden dropdowns // Hidden dropdowns