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

Legend cannot be obscured by neighboring graphs in host view

pull/517/head
Alex P 2016-11-11 15:48:47 -08:00
parent 56c0f85996
commit c00d0c3364
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/style/enterprise_style/dygraph-override.scss
View File

@ -18,9 +18,11 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='fade-out($g20-white, 0.71)', endColorstr='fade-out($g20-white, 0.71)',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='fade-out($g20-white, 0.71)', endColorstr='fade-out($g20-white, 0.71)',GradientType=0 );
} }
.container--dygraph-legend { .container--dygraph-legend {
top: 300px !important;
transform: translateY(-6px);
background-color: $g1-raven; background-color: $g1-raven;
display: block; display: block;
position: fixed; position: absolute;
padding: 11px; padding: 11px;
z-index: 500; z-index: 500;
font-size: 13px; font-size: 13px;

7
ui/src/style/enterprise_style/hosts.scss
View File

@ -247,3 +247,10 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
/* Hacky way to ensure that legends cannot be obscured by neighboring graphs */
.react-grid-item {
&:hover {
z-index: 9999;
}
}