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

Introduce stylesheet for IFQL schema explorer

pull/10616/head
Alex P 2018-05-04 11:25:26 -07:00
parent 7128a6f0f2
commit ccd060f179
1 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
ui/src/style/components/time-machine/ifql-explorer.scss Normal file
View File

@ -0,0 +1,49 @@
/*
IFQL Schema Explorer -- Tree View
----------------------------------------------------------------------------
*/
$ifql-tree-indent: 30px;
.ifql-schema-explorer {
width: 100%;
height: 100%;
}
.ifql-schema-tree {
display: flex;
flex-direction: column;
align-items: stretch;
& > .ifql-schema-tree {
padding-left: $ifql-tree-indent;
}
.ifql-schema-item + & {
display: none;
}
.expanded .ifql-schema-item + & {
display: flex;
}
}
.ifql-schema-item {
position: relative;
height: 30px;
display: flex;
align-items: center;
padding: 0 11px;
padding-left: 32px;
> span {
position: absolute;
top: 50%;
left: 14px;
transform: translate(-50%, -50%);
transition: transform 0.25s ease;
}
}