controls: Fix radio and checkbox styling

Fixes #663
This commit is contained in:
Rafael Mardojai CM 2023-09-02 21:46:17 -05:00
parent 46d7c03085
commit 4520068965
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
2 changed files with 12 additions and 0 deletions

View File

@ -6,6 +6,7 @@
/* Checkbox */ /* Checkbox */
input[type="checkbox"], input[type="checkbox"],
checkbox:not(.treenode-checkbox) > .checkbox-check { checkbox:not(.treenode-checkbox) > .checkbox-check {
appearance: none !important;
border: 0 !important; border: 0 !important;
border-radius: 6px !important; border-radius: 6px !important;
color: var(--gnome-window-color) !important; color: var(--gnome-window-color) !important;
@ -29,9 +30,15 @@ checkbox:not(.treenode-checkbox) > .checkbox-check[checked] {
fill: white !important; fill: white !important;
} }
.checkbox-label {
margin-inline-start: 6px !important;
}
/* Radio */ /* Radio */
radio > .radio-check { radio > .radio-check {
appearance: none !important;
border: 0 !important; border: 0 !important;
border-radius: 50% !important;
color: var(--gnome-window-color) !important; color: var(--gnome-window-color) !important;
height: 20px !important; height: 20px !important;
padding: 3px !important; padding: 3px !important;
@ -50,6 +57,10 @@ radio > .radio-check[selected] {
fill: white !important; fill: white !important;
} }
.radio-label {
margin-inline-start: 6px !important;
}
/* Switchers */ /* Switchers */
.protections-popup-tp-switch-box { .protections-popup-tp-switch-box {
padding: 0 !important; padding: 0 !important;

View File

@ -47,6 +47,7 @@ button.close::before,
#downloads-indicator-icon, #downloads-indicator-icon,
.textbox-search-clear, .textbox-search-clear,
.urlbarView-type-icon, .urlbarView-type-icon,
radio > .radio-check,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon, :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon, :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon, :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon,