tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make effects work on page-action buttons

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
chrome/button_effect_scale_onclick.css
+7 -4
View File
@@ -4,11 +4,12 @@
.toolbarbutton-icon, .toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{ .menuitem-iconic .menu-iconic-icon{
transition: transform 82ms linear !important; transition: transform 83ms linear !important;
} }
toolbar .toolbarbutton-1 > .toolbarbutton-icon{ toolbar .toolbarbutton-1 > .toolbarbutton-icon
transition: padding 82ms linear !important; .urlbar-icon{
transition: padding 83ms linear !important;
} }
toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon, 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{ toolbar .toolbarbutton-1: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) + var(--uc-back-extra-padding,0px) + 3px) !important;
} }
#page-action-buttons .urlbar-icon:active{ padding: calc(var(--urlbar-icon-padding) + 3px) !important; }
chrome/button_effect_scale_onhover.css
+6 -3
View File
@@ -4,11 +4,12 @@
.toolbarbutton-icon, .toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{ .menuitem-iconic .menu-iconic-icon{
transition: transform 82ms linear !important; transition: transform 83ms linear !important;
} }
toolbar .toolbarbutton-1 > .toolbarbutton-icon{ toolbar .toolbarbutton-1 > .toolbarbutton-icon,
transition: padding 82ms linear !important; .urlbar-icon{
transition: padding 83ms linear !important;
} }
toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon, 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; 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, toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon,
.menuitem-iconic:not([disabled]):hover .menu-iconic-icon{ .menuitem-iconic:not([disabled]):hover .menu-iconic-icon{
chrome/navigation_buttons_inside_urlbar.css
+2 -2
View File
@@ -32,9 +32,9 @@
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; 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{ #nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):hover .toolbarbutton-icon{
background-color: transparent !important; background-color: transparent !important;