Use special extra padding on back-button

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

View file

@ -16,7 +16,7 @@ You can import the stylesheets with @-rule import like this:
## 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

View file

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