diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css index 757e43d5a7..6dc41fa7b1 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css @@ -5,12 +5,26 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ - @layer components { .field { --dbv-kit-control-outline-offset: -8px; position: relative; + .switchBody { + display: flex; + align-items: center; + + & .fieldLabel { + cursor: pointer; + user-select: none; + display: block; + padding-left: 18px; + min-width: 50px; + white-space: pre-wrap !important; + font-weight: 500 !important; + } + } + &::before { content: ''; position: absolute; @@ -20,7 +34,6 @@ bottom: var(--dbv-kit-control-outline-offset); border-radius: var(--dbv-kit-control-border-radius); border: var(--dbv-kit-control-outline-width) solid transparent; - pointer-events: none; } @@ -29,48 +42,36 @@ border-width: var(--dbv-kit-control-outline-width); } } +} - .switchControl { - composes: theme-switch from global; - } - - .disabled { - composes: theme-switch--disabled mdc-switch--disabled from global; - } - - .checked { - composes: theme-switch--checked mdc-switch--checked from global; - } - - .switchControlTrack { - composes: theme-switch__track from global; - } - - .switchInput { - composes: theme-switch_native-control from global; - } - - .switchControlUnderlay { - composes: theme-switch__thumb-underlay from global; - } - - .switchControlThumb { - composes: theme-switch__thumb from global; - } - - .switchBody { - display: flex; - align-items: center; - composes: theme-typography--body1 from global; - - & .fieldLabel { - cursor: pointer; - user-select: none; - display: block; - padding-left: 18px; - min-width: 50px; - white-space: pre-wrap; - font-weight: 500; - } - } +.switchControl { + composes: theme-switch from global; +} + +.disabled { + composes: theme-switch--disabled mdc-switch--disabled from global; +} + +.checked { + composes: theme-switch--checked mdc-switch--checked from global; +} + +.switchControlTrack { + composes: theme-switch__track from global; +} + +.switchInput { + composes: theme-switch_native-control from global; +} + +.switchControlUnderlay { + composes: theme-switch__thumb-underlay from global; +} + +.switchControlThumb { + composes: theme-switch__thumb from global; +} + +.switchBody { + composes: theme-typography--body1 from global; }