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

Experiment with fewer stacking contexts (#1166)

pull/10616/head
lukevmorris 2017-04-04 15:27:49 -07:00 committed by GitHub
parent 9a46a14810
commit d278cd77b2
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/style/pages/dashboards.scss
View File

@ -38,10 +38,6 @@ $dash-graph-heading: 30px;
border-radius: $radius; border-radius: $radius;
border: 2px solid $g3-castle; border: 2px solid $g3-castle;
transition-property: left, top, border-color, background-color; transition-property: left, top, border-color, background-color;
&:hover {
z-index: 8000;
}
} }
.graph-empty { .graph-empty {
background-color: transparent; background-color: transparent;
@ -58,10 +54,8 @@ $dash-graph-heading: 30px;
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
z-index: 0;
} }
.dash-graph--container { .dash-graph--container {
z-index: 1;
user-select: none !important; user-select: none !important;
-o-user-select: none !important; -o-user-select: none !important;
-moz-user-select: none !important; -moz-user-select: none !important;
@ -73,7 +67,7 @@ $dash-graph-heading: 30px;
top: $dash-graph-heading; top: $dash-graph-heading;
left: 0; left: 0;
padding: 0; padding: 0;
& > div:not(.graph-empty) { & > div:not(.graph-empty) {
position: absolute; position: absolute;
left: 0; left: 0;
@ -93,7 +87,7 @@ $dash-graph-heading: 30px;
} }
} }
.dash-graph--heading { .dash-graph--heading {
z-index: 2; z-index: 1;
user-select: none !important; user-select: none !important;
-o-user-select: none !important; -o-user-select: none !important;
-moz-user-select: none !important; -moz-user-select: none !important;
@ -500,4 +494,4 @@ $overlay-bg: rgba($c-pool, 0.7);
.overlay-technology .dash-graph--container { .overlay-technology .dash-graph--container {
height: calc(100% - #{$dash-graph-heading}); height: calc(100% - #{$dash-graph-heading});
top: $dash-graph-heading; top: $dash-graph-heading;
} }