Skip to content

Commit 202801e

Browse files
committed
fix(switch): material theme elevations
1 parent 940703c commit 202801e

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

src/components/checkbox/themes/shared/switch/switch.material.scss

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,10 @@ $ripple-radius: calc(#{$ripple-size} / 2);
9090
overflow: hidden;
9191
z-index: -1;
9292
}
93+
94+
&:hover {
95+
box-shadow: var-get($theme, 'hover-elevation');
96+
}
9397
}
9498

9599
[part~='thumb'][part~='checked'] {
@@ -99,3 +103,10 @@ $ripple-radius: calc(#{$ripple-size} / 2);
99103
animation-duration: .2s;
100104
animation-fill-mode: forwards;
101105
}
106+
107+
:host([disabled]),
108+
:host(:disabled) {
109+
[part~='thumb'] {
110+
box-shadow: var-get($theme, 'disabled-elevation');
111+
}
112+
}

0 commit comments

Comments
 (0)