gtsocial-umbx

commit f7af7c061c41de08a455d39da490f4e52dd5e025
parent deba75cad14f47bb42ea55e7d126d3adea7855a6
Author: tobi <31960611+tsmethurst@users.noreply.github.com>
Date:   Sun,  2 Oct 2022 15:54:49 +0200

[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>
Diffstat:
M
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
@@ -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 {