fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-10 03:40:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

Use special extra padding on back-button

Browse source
This commit is contained in:
MrOtherGuy 2018-12-07 08:03:04 +02:00
parent d1e3a75b51
commit c3156452fa
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -16,7 +16,7 @@ You can import the stylesheets with @-rule import like this:
## Important! ## Important!
Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file.
# Theme # Theme

8
chrome/button_effect_scale_onclick.css
View file

@ -1,4 +1,7 @@
/* Effect */ /* Effect */
:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px }
.toolbarbutton-icon, .toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{ .menuitem-iconic .menu-iconic-icon{
transition: transform 82ms linear !important; transition: transform 82ms linear !important;
@ -14,7 +17,6 @@ toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .
transform: scale(0.6) !important; transform: scale(0.6) !important;
} }
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
#back-button:not([disabled]):active > .toolbarbutton-icon{ padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important;
padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important;
} }