From e4d07e090e90e22ddae66ff9ec1b80241a636742 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sun, 21 Apr 2024 20:25:47 +0300
Subject: [PATCH] button effects: Apply scaling to several more button like
 elements

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
---
 chrome/button_effect_scale_onclick.css | 11 +++++++++--
 chrome/button_effect_scale_onhover.css | 16 ++++++++++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css
index 0e904ea..80e1fa6 100644
--- a/chrome/button_effect_scale_onclick.css
+++ b/chrome/button_effect_scale_onclick.css
@@ -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,
diff --git a/chrome/button_effect_scale_onhover.css b/chrome/button_effect_scale_onhover.css
index 18ea790..c6e86fb 100644
--- a/chrome/button_effect_scale_onhover.css
+++ b/chrome/button_effect_scale_onhover.css
@@ -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,