removes layer components to keep some styles for switch

This commit is contained in:
sergeyteleshev
2026-03-30 18:22:47 +02:00
parent f9b6a8ee01
commit ee8b0e199e
2 changed files with 32 additions and 36 deletions
@@ -5,37 +5,35 @@
* Licensed under the Apache License, Version 2.0.
* you may not use this file except in compliance with the License.
*/
@layer components {
.switchBody {
& .switchControl {
width: 24px;
height: 16px;
}
& .switchControlTrack {
height: 10px;
border-radius: 5px;
}
& .switchControlUnderlay {
margin-left: -3px;
}
& .switchControlThumb {
width: 14px;
height: 14px;
border-width: 7px;
}
& .checked .switchControlUnderlay {
margin-left: 13px;
}
.switchBody {
& .switchControl {
width: 24px;
height: 16px;
}
/* overrides bold label style from SwitchDense.module.css because of specificity */
.switchBody .fieldLabel {
font-weight: initial;
& .switchControlTrack {
height: 10px;
border-radius: 5px;
}
& .switchControlUnderlay {
margin-left: -3px;
}
& .switchControlThumb {
width: 14px;
height: 14px;
border-width: 7px;
}
& .checked .switchControlUnderlay {
margin-left: 13px;
}
}
/* overrides bold label style from SwitchDense.module.css because of specificity */
.switchBody .fieldLabel {
font-weight: initial;
}
.fieldLabel {
@@ -5,13 +5,11 @@
* Licensed under the Apache License, Version 2.0.
* you may not use this file except in compliance with the License.
*/
@layer components {
.switchControl {
width: 36px;
height: 20px;
}
.switchControl {
width: 36px;
height: 20px;
}
.fieldLabel {
font-weight: 500;
}
.fieldLabel {
font-weight: 500;
}