Use special extra padding on back-button
This commit is contained in:
parent
d1e3a75b51
commit
c3156452fa
2 changed files with 6 additions and 4 deletions
|
@ -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
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
Loading…
Reference in a new issue