mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Add global button/radio/checkbox styles (#3807)

Browse source
This commit is contained in:
Abe Jellinek 2024-07-26 09:48:13 -04:00 • committed by Dan Stillman
parent 5f717d3bde
commit 75cb9d44bd
1 changed files with 37 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
scss/components/_button.scss
View file

@ -35,5 +35,42 @@ button {
@media (-moz-platform: macos) { @media (-moz-platform: macos) {
// Prevent ugly non-native button styles on macOS // Prevent ugly non-native button styles on macOS
max-height: 25px; max-height: 25px;
margin: 0 -2px -1px;
}
}
// Zero-priority default margins/paddings for button elements on macOS:
:is(button, toolbarbutton) .button-text {
@media (-moz-platform: macos) {
margin-block: 1px 0;
margin-inline: 3px;
}
}
radiogroup {
@media (-moz-platform: macos) {
margin: 0;
column-gap: 8px;
}
}
radio, checkbox {
@media (-moz-platform: macos) {
margin: 0;
margin-inline-start: -2px;
gap: 6px;
}
}
radio :is(.radio-check, .radio-check[checked], .radio-icon, .radio-label),
checkbox :is(.checkbox-check, .checkbox-check[checked], .checkbox-icon, .checkbox-label) {
@media (-moz-platform: macos) {
margin: 0;
// Can't break this out into a separate rule because of specificity
&:is(.checkbox-label) {
margin-top: -1px;
}
} }
} }