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

Style for bottom positioned tooltips

pull/551/head
Alex P 2016-11-14 16:41:17 -08:00
parent 34c60ead92
commit e6887746a5
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/style/enterprise_style/influx-tooltips.scss
View File

@ -42,6 +42,8 @@ $tooltip-code-color: $c-potassium;
white-space: nowrap !important; white-space: nowrap !important;
display: inline-block !important; display: inline-block !important;
} }
// Top placement by default
&:after { &:after {
margin: 0 !important; margin: 0 !important;
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
@ -52,6 +54,13 @@ $tooltip-code-color: $c-potassium;
border-width: $tooltip-padding !important; border-width: $tooltip-padding !important;
border-color: $tooltip-accent transparent transparent transparent !important; border-color: $tooltip-accent transparent transparent transparent !important;
} }
// Bottom placement
&.place-bottom:after {
top: -16px !important;
bottom: initial !important;
border-color: transparent transparent $tooltip-accent transparent !important;
}
/* Kapacitor Style Tooltip */ /* Kapacitor Style Tooltip */
&.kapacitor-tooltip { &.kapacitor-tooltip {
@ -61,7 +70,11 @@ $tooltip-code-color: $c-potassium;
color: $c-pool !important; color: $c-pool !important;
} }
&:after { &:after {
border-top-color: $c-rainforest !important; border-color: $c-rainforest transparent transparent transparent !important;
}
// Bottom placement
&.place-bottom:after {
border-color: transparent transparent $c-rainforest transparent !important;
} }
} }
} }