message_controls: Scale on :active without disturbing clickable space.

2025-11-03 13:33:24 +00:00 · 2024-07-05 13:51:14 -05:00
parent ed605328fb
commit 79a2e0a1c4
1 changed files with 8 additions and 2 deletions
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -929,11 +929,17 @@ td.pointer {
               values ensure a 26px x 25px clickable area for the icon. */
            padding: 2.5px 3px;

-            &:active {
+            &::before {
+                /* We specify block display so the
+                   scaling transform below works as
+                   expected. */
+                display: block;
+            }
+
+            &:active::before {
                transform: scale(0.92);
                transform-origin: center;
                outline: 0;
-                transition: unset;
            }

            &:focus {