diff --git a/chrome/button_effect_scale_onhover.css b/chrome/button_effect_scale_onhover.css new file mode 100644 index 0000000..d35ad96 --- /dev/null +++ b/chrome/button_effect_scale_onhover.css @@ -0,0 +1,32 @@ +/* Effect */ + +:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px } + +.toolbarbutton-icon, +.menuitem-iconic .menu-iconic-icon{ + transition: transform 82ms linear !important; +} + +toolbar .toolbarbutton-1 > .toolbarbutton-icon{ + transition: padding 82ms linear !important; +} + +toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon, +toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon, +.menuitem-iconic .menu-iconic-icon{ + transform: scale(0.8) !important; +} + +toolbar .toolbarbutton-1 > .toolbarbutton-icon{ + padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 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{ + transform: none !important; +} + +toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon{ + padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px)) !important; +} \ No newline at end of file