opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-09-24 16:04:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

[CB] get back switch title bold styles (#3738)

Browse Source 
* dbeaver/pro#6878 gets back switch bold title

* incapsulates field styles only

* moves all composes out of the layer

---------

Co-authored-by: mr-anton-t <42037741+mr-anton-t@users.noreply.github.com>
This commit is contained in:
sergeyteleshev
2025-09-15 15:16:36 +08:00
committed by GitHub
co-authored by mr-anton-t
parent 3808af50c7
commit 1c57e670c0
1 changed files with 46 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/core-blocks/src/FormControls/Checkboxes/Switch.module.css
+46 -45
View File
@@ -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;
}