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

button effects: Apply scaling to several more button like elements

Browse Source 
Fixes #362

This adds scaling to:
Downloads button
Reveal file button within downloads panel
Urlbar informational icons
Extension menu button within extensions panel
Tab close button
This commit is contained in:
MrOtherGuy
2024-04-21 20:25:47 +03:00
parent e99abe83da
commit e4d07e090e
2 changed files with 23 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
chrome/button_effect_scale_onclick.css
View File

@@ -4,14 +4,21 @@ See the above repository for updates as well as full license text. */
/* Effect */
.urlbar-icon,
.toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{
.tab-close-button,
.downloadIconShow > .button-box > .button-icon,
.menuitem-iconic .menu-iconic-icon,
#downloads-indicator-icon,
#urlbar-input-container [role="button"] image{
transition: transform 83ms linear !important;
}
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
transition: padding 83ms linear !important;
}
#urlbar-input-container [role="button"]:active image,
.tab-close-button:active,
.downloadIconShow:active > .button-box > .button-icon,
#downloads-button:active #downloads-indicator-icon,
toolbarbutton#scrollbutton-up:active > .toolbarbutton-icon,
toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon,

16
chrome/button_effect_scale_onhover.css
View File

@@ -4,13 +4,22 @@ See the above repository for updates as well as full license text. */
/* Effect */
.urlbar-icon,
.toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{
.tab-close-button,
.downloadIconShow > .button-box > .button-icon,
.menuitem-iconic .menu-iconic-icon,
#downloads-indicator-icon,
#urlbar-input-container [role="button"] image{
transition: transform 83ms linear !important;
}
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
transition: padding 83ms linear !important;
}
#urlbar-input-container [role="button"] image,
.tab-close-button,
.downloadIconShow > .button-box > .button-icon,
.unified-extensions-item-menu-button > .toolbarbutton-icon,
#downloads-button #downloads-indicator-icon,
toolbarbutton#scrollbutton-up > .toolbarbutton-icon,
toolobar .toolbarbutton-1 > .toolbarbutton-icon,
toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
@@ -23,7 +32,10 @@ toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !i
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
padding: calc(var(--toolbarbutton-inner-padding) + 2px) !important;
}
#urlbar-input-container [role="button"]:not([disabled]):hover image,
.tab-close-button:hover,
.downloadIconShow:hover > .button-box > .button-icon,
#downloads-button:not([disabled]):hover #downloads-indicator-icon,
toolbarbutton#scrollbutton-up: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,