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

Use odd number for question mark icon size 

Looks more centered
pull/10616/head
Alex P 2017-03-31 11:46:24 -07:00
parent 776373d4fe
commit 241864c067
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/style/components/react-tooltips.scss
View File

@ -102,21 +102,21 @@ $tooltip-code-color: $c-potassium;
Question Mark Tooltip Question Mark Tooltip
---------------------------------------------- ----------------------------------------------
*/ */
$qmark-tooltip-size: 14px; $qmark-tooltip-size: 15px;
.question-mark-tooltip { .question-mark-tooltip {
display: inline-block; display: inline-block;
} }
.question-mark-tooltip--icon { .question-mark-tooltip--icon {
position: relative; position: relative;
top: -2px; top: -1px;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
width: $qmark-tooltip-size; width: $qmark-tooltip-size;
height: $qmark-tooltip-size; height: $qmark-tooltip-size;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
line-height: ($qmark-tooltip-size + 2px); line-height: ($qmark-tooltip-size + 1px);
font-weight: 900; font-weight: 900;
background-color: $g10-wolf; background-color: $g10-wolf;
color: $g0-obsidian; color: $g0-obsidian;