From f7af7c061c41de08a455d39da490f4e52dd5e025 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Sun, 2 Oct 2022 15:54:49 +0200
Subject: [PATCH] [feature] Enlarge active/hovered custom emojis in statuses
 (#877)

* enlarge active/hovered custom emojis in statuses

* use transform, make emojis pop a lil more

* tweak emoji hover timing, styling

Co-authored-by: f0x <f0x@cthu.lu>
---
 web/source/css/status.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/source/css/status.css b/web/source/css/status.css
index c057aec4b..b4c62d65f 100644
--- a/web/source/css/status.css
+++ b/web/source/css/status.css
@@ -127,7 +127,6 @@ main {
 		margin: 0;
 		grid-column: 2 / span 2;
 		grid-row: span 1;
-		overflow: hidden;
 
 		position: relative;
 		z-index: 2;
@@ -176,6 +175,18 @@ main {
 				}
 			}
 		}
+
+		.emoji {
+			transition: 0.1s;
+		}
+
+		.emoji:hover, .emoji:active {
+			transform: scale(1.75);
+			background-color: $bg;
+			box-shadow: $boxshadow;
+			border: $boxshadow-border;
+			border-radius: $br-inner;
+		}
 	}
 
 	.media {