Make effects work on page-action buttons

This commit is contained in:
MrOtherGuy 2018-12-07 11:59:09 +02:00
parent a90bac4438
commit f0f427d770
3 changed files with 15 additions and 9 deletions

View file

@ -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; }

View file

@ -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{

View file

@ -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;