js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Do not crush labels with nested tags (#1274)

Browse Source 
* Adjust label styles for button and checkbox components to not crush space of nested tags

* Adjust label styles for button and checkbox components to not crush space of nested tags

* Update packages/webawesome/src/components/checkbox/checkbox.css

---------

Co-authored-by: Tobias Bannwart <tobias.bannwart@bison-group.com>
Co-authored-by: Cory LaViska <cory@abeautifulsite.net>
This commit is contained in:
whjvenyl
2025-08-12 17:38:06 +02:00
committed by GitHub
parent f92ef1f74e
commit f30801ab66
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/webawesome/src/components/button/button.css
View File

@@ -184,6 +184,10 @@
}
.label {
display: inline-block;
}
.is-icon-button .label {
display: flex;
}

4
packages/webawesome/src/components/checkbox/checkbox.css
View File

@@ -46,6 +46,10 @@
cursor: pointer;
}
[part~='label'] {
display: inline;
}
/* Checked */
[part~='control']:has(:checked, :indeterminate) {
color: var(--checked-icon-color);