jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

controls: Update switchers theming 

Fixes #671
This commit is contained in:
Rafael Mardojai CM 2023-09-28 08:31:09 -05:00
parent 131f983405
commit 5f531cf8aa
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
2 changed files with 13 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
theme/parts/controls.css
View File

@ -58,46 +58,19 @@ radio > .radio-check[selected] {
} }
/* Switchers */ /* Switchers */
.protections-popup-tp-switch-box { .toggle-button {
padding: 0 !important; --toggle-height: 26px !important;
-moz-box-pack: start !important; --toggle-width: 48px !important;
} --toggle-border-radius: 24px !important;
#protections-popup-tp-switch:not([enabled])[showdotindicator]::after { --toggle-border-color: var(--gnome-trough-background) !important;
display: none !important; --toggle-background-color: var(--gnome-trough-background) !important;
} --toggle-background-color-pressed: var(--gnome-accent-bg) !important;
#protections-popup-tp-switch { --toggle-dot-height: 22px !important;
background: var(--gnome-trough-background) !important; --toggle-dot-background-color: #FFF !important;
--toggle-dot-background-color-on-pressed: #FFF !important;
border: 0 !important; border: 0 !important;
border-radius: 24px !important;
min-width: 48px !important;
width: 48px !important;
min-height: 26px !important;
padding: 0 !important;
position: relative !important;
display: block !important;
margin: 0 !important;
} }
#protections-popup-tp-switch:hover { .toggle-button::before {
background-image: var(--gnome-trough-hover-background) !important;
}
#protections-popup-tp-switch::before {
position: absolute !important;
top: 2px;
left: 2px;
background: #fff !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2); box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
border: 0 !important;
border-radius: 24px !important;
height: 22px !important;
width: 22px !important;
transition: left .2s ease;
outline: 0 !important;
}
#protections-popup-tp-switch[enabled] {
background: var(--gnome-accent-bg) !important;
padding-inline-start: 24px !important;
}
#protections-popup-tp-switch[enabled]::before {
background: #fff !important;
left: 24px;
} }

2
theme/parts/popups-contents.css
View File

@ -268,7 +268,7 @@
background: var(--gnome-menu-background); background: var(--gnome-menu-background);
border: 1px solid var(--gnome-button-border-color) !important; border: 1px solid var(--gnome-button-border-color) !important;
border-radius: 9px; border-radius: 9px;
padding: 12px 8px !important; padding: 12px 0 !important;
margin: 0 !important; margin: 0 !important;
} }