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

button effect scale on click: don't transform .tab-close-button

Browse Source 
Transforming the <image> element causes it to become smaller, and thus
to not trigger click event if the button was clicked near the edge.

This patch makes us scale tab close button by instead changing its
padding which just makes the icon smaller during :active.

This fixes #526
This commit is contained in:
MrOtherGuy
2025-03-13 17:16:17 +02:00
parent a519e7e32c
commit a1d2c40ea5
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
chrome/button_effect_scale_onclick.css
View File

@@ -4,19 +4,16 @@ See the above repository for updates as well as full license text. */
/* Effect */
.urlbar-icon,
.toolbarbutton-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,
@@ -26,6 +23,12 @@ toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .
.urlbar-page-action:active > .urlbar-icon{
transform: scale(0.6) !important;
}
.tab-close-button:hover{
transition: padding-block 83ms linear;
}
.tab-close-button:active{
padding: calc(var(--tab-close-button-padding) + 2px) !important;
}
toolbarbutton#scrollbutton-down:active > .toolbarbutton-icon{ transform: scale(-0.6) !important; }
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{