tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ensure primary button in button group has its border appear (#2583)

Browse Source
This commit is contained in:
Emma Segal-Grossman 2025-05-05 20:24:34 -04:00 committed by GitHub
parent 8a707e3b3a
commit 4ce769ecab
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/theme.stylesheet.css
View File

@ -324,6 +324,22 @@
.label-same-line::part(form-control-help-text) { .label-same-line::part(form-control-help-text) {
grid-column-start: 2; grid-column-start: 2;
} }
/* Button group tweaks */
[data-sl-button-group__button--first][variant="primary"]:has(
+ [data-sl-button-group__button][variant="default"]
) {
/* Move primary button above secondary button in button group */
z-index: 1;
}
[data-sl-button-group__button--first][variant="primary"]
+ [data-sl-button-group__button][variant="default"]:not(:hover)::part(
base
) {
/* Ensure left border color matches primary button's right border color
so that no flash of default variant border color shows on hover */
border-left-color: var(--sl-color-primary-600);
}
} }
@layer utilities { @layer utilities {