Make effects work on page-action buttons
This commit is contained in:
parent
a90bac4438
commit
f0f427d770
3 changed files with 15 additions and 9 deletions
|
@ -4,11 +4,12 @@
|
|||
|
||||
.toolbarbutton-icon,
|
||||
.menuitem-iconic .menu-iconic-icon{
|
||||
transition: transform 82ms linear !important;
|
||||
transition: transform 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
|
||||
transition: padding 82ms linear !important;
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon
|
||||
.urlbar-icon{
|
||||
transition: padding 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon,
|
||||
|
@ -19,4 +20,6 @@ toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .
|
|||
|
||||
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
|
||||
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#page-action-buttons .urlbar-icon:active{ padding: calc(var(--urlbar-icon-padding) + 3px) !important; }
|
|
@ -4,11 +4,12 @@
|
|||
|
||||
.toolbarbutton-icon,
|
||||
.menuitem-iconic .menu-iconic-icon{
|
||||
transition: transform 82ms linear !important;
|
||||
transition: transform 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
|
||||
transition: padding 82ms linear !important;
|
||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
.urlbar-icon{
|
||||
transition: padding 83ms linear !important;
|
||||
}
|
||||
|
||||
toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon,
|
||||
|
@ -21,6 +22,8 @@ toolbar .toolbarbutton-1 > .toolbarbutton-icon{
|
|||
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 2px) !important;
|
||||
}
|
||||
|
||||
#page-action-buttons .urlbar-icon:not(:hover){ padding: calc(var(--urlbar-icon-padding) + 2px) !important; }
|
||||
|
||||
toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon,
|
||||
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
||||
.menuitem-iconic:not([disabled]):hover .menu-iconic-icon{
|
||||
|
|
|
@ -32,9 +32,9 @@
|
|||
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
}
|
||||
|
||||
#back-button{ --backbutton-background: transparent }
|
||||
#back-button{ --backbutton-background: transparent; --uc-back-extra-padding: 0px !important }
|
||||
|
||||
#back-button > .toolbarbutton-icon{ padding: var(--toolbarbutton-inner-padding) !important; }
|
||||
#back-button > .toolbarbutton-icon{ padding: var(--toolbarbutton-inner-padding) }
|
||||
|
||||
#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):hover .toolbarbutton-icon{
|
||||
background-color: transparent !important;
|
||||
|
|
Loading…
Reference in a new issue