[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>
superseriousbusiness · Oct 2, 2022 · f7af7c0 · f7af7c0
1 parent deba75c
commit f7af7c0
Showing 1 changed file with 12 additions and 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 {