IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add disabled styles for checked checkbox (#12422)

Browse Source
This commit is contained in:
Tobias Skarhed
2018-06-28 12:02:49 +02:00
committed by Torkel Ödegaard
parent 3cf6a1a94b
commit c2381f088f
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/sass/components/_switch.scss
View File

@@ -64,8 +64,8 @@
} }
input + label::before { input + label::before {
font-family: "FontAwesome"; font-family: 'FontAwesome';
content: "\f096"; // square-o content: '\f096'; // square-o
color: $text-color-weak; color: $text-color-weak;
transition: transform 0.4s; transition: transform 0.4s;
backface-visibility: hidden; backface-visibility: hidden;
@@ -73,11 +73,11 @@
} }
input + label::after { input + label::after {
content: "\f046"; // check-square-o content: '\f046'; // check-square-o
color: $orange; color: $orange;
text-shadow: $text-shadow-strong; text-shadow: $text-shadow-strong;
font-family: "FontAwesome"; font-family: 'FontAwesome';
transition: transform 0.4s; transition: transform 0.4s;
transform: rotateY(180deg); transform: rotateY(180deg);
backface-visibility: hidden; backface-visibility: hidden;
@@ -154,7 +154,8 @@ gf-form-switch[disabled] {
.gf-form-switch input + label { .gf-form-switch input + label {
cursor: default; cursor: default;
pointer-events: none !important; pointer-events: none !important;
&::before { &::before,
&::after {
color: $text-color-faint; color: $text-color-faint;
text-shadow: none; text-shadow: none;
} }