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

Tag list polish 

checkboxes are darker, badges darker, search bar matches measurements
search bar
pull/676/head
Alex P 2016-12-09 11:37:13 -08:00
parent 19a04087f6
commit 7dd17e4201
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/style/chronograf/components/_TagList.scss
View File

@ -20,7 +20,7 @@
justify-content: flex-start; justify-content: flex-start;
.badge { .badge {
background-color: $g5-pepper; background-color: $g2-kevlar;
color: $c-pool; color: $c-pool;
margin-left: 5px; margin-left: 5px;
} }
@ -46,7 +46,7 @@
&__checkbox { &__checkbox {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-color: $g5-pepper; background-color: $g2-kevlar;
border-radius: 3px; border-radius: 3px;
position: relative; position: relative;
margin-right: 8px; margin-right: 8px;
@ -76,7 +76,7 @@
align-items: center; align-items: center;
&.active { &.active {
background: $g7-graphite; background: $g4-onyx;
color: $g20-white; color: $g20-white;
font-weight: 600; font-weight: 600;
@ -90,7 +90,7 @@
position: relative; position: relative;
width: 100%; width: 100%;
display: block; display: block;
background-color: $g5-pepper; background-color: $g3-castle;
border: 2px solid $g5-pepper; border: 2px solid $g5-pepper;
color: $g13-mist; color: $g13-mist;
height: 24px; height: 24px;