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

Add styles for slide toggle disabled state

pull/10616/head
Alex P 2017-12-20 16:00:34 -08:00
parent 0cc30d927f
commit 66a635e84e
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/src/style/components/slide-toggle.scss
View File

@ -29,6 +29,7 @@
} }
} }
/* Active State */
.slide-toggle.active .slide-toggle--knob { .slide-toggle.active .slide-toggle--knob {
background-color: $c-rainforest; background-color: $c-rainforest;
transform: translate(100%,-50%); transform: translate(100%,-50%);
@ -37,6 +38,23 @@
background-color: $c-honeydew; background-color: $c-honeydew;
} }
/* Disabled State */
.slide-toggle.disabled {
&,
&:hover,
&.active,
&.active:hover {
background-color: $g6-smoke;
cursor: not-allowed;
}
.slide-toggle--knob,
&:hover .slide-toggle--knob,
&.active .slide-toggle--knob,
&.active:hover .slide-toggle--knob {
background-color: $g3-castle;
}
}
/* Size Modifiers */ /* Size Modifiers */
.slide-toggle { .slide-toggle {