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

Fix CustomTimeRange z-index to show above DE query 

Signed-off-by: Jared Scheib <jared.scheib@gmail.com>
pull/10616/head
Alex Paxton 2017-07-25 16:53:14 -07:00 committed by Jared Scheib
parent 55aa08201f
commit 866e6ae0a4
1 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui/src/style/components/custom-time-range.scss
View File

@ -58,9 +58,7 @@ $rd-cell-size: 30px;
background-color: transparent;
border-radius: 50%;
color: $g15-platinum;
transition:
background-color 0.25s ease,
color 0.25s ease;
transition: background-color 0.25s ease, color 0.25s ease;
&:after {
font-family: 'icomoon' !important;
@ -70,7 +68,7 @@ $rd-cell-size: 30px;
color: inherit;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
font-size: 16px;
}
&:hover {
@ -132,9 +130,7 @@ $rd-cell-size: 30px;
@include no-user-select();
letter-spacing: -1px;
font-family: $code-font;
transition:
background-color 0.25s ease,
color 0.25s ease;
transition: background-color 0.25s ease, color 0.25s ease;
color: $g13-mist !important;
background-color: $g3-castle;
border-radius: 5px;
@ -157,7 +153,6 @@ $rd-cell-size: 30px;
}
}
.rd-time {
margin: 0 2px;
width: calc(100% - 4px);
@ -178,9 +173,7 @@ $rd-cell-size: 30px;
font-family: $code-font;
color: $g13-mist;
display: inline-block;
transition:
color 0.25s ease,
background-color 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease;
text-align: center;
&:hover {
@ -196,7 +189,7 @@ $rd-cell-size: 30px;
left: 50%;
width: 120px;
height: 200px;
transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
@ -232,7 +225,6 @@ $rd-cell-size: 30px;
width: 120px;
}
/* Open State */
.custom-time-range.open {
.custom-time--container {
@ -251,7 +243,9 @@ $rd-cell-size: 30px;
position: absolute;
top: 0;
right: calc(100% + 4px);
z-index: 2;
z-index: 4;
.custom-time--container {display: flex;}
.custom-time--container {
display: flex;
}
}