commit 41aad21c6e13bc31d4f6bab33736056fd3660dab
parent 51ff62d0398243eebe7cf394c926bb73df8a5b96
Author: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Thu, 6 Oct 2022 11:36:07 +0200
[frontend] Make emojis v. slightly larger (#891)
* make emojis v. slightly larger
2.5ex -> 2.75 ex by default (they still fit fine), and make em scale a bit larger on hover as well
* use em for emoji margin
Diffstat:
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/web/source/css/base.css b/web/source/css/base.css
@@ -355,9 +355,9 @@ footer {
}
.emoji {
- width: 2.5ex;
- height: 2.5ex;
- margin: -0.5ex 0 0;
+ width: 1.45em;
+ height: 1.45em;
+ margin: -0.2em 0.02em 0;
object-fit: contain;
vertical-align: middle;
}
diff --git a/web/source/css/status.css b/web/source/css/status.css
@@ -183,7 +183,7 @@ main {
}
.emoji:hover, .emoji:active {
- transform: scale(1.75);
+ transform: scale(2);
background-color: $bg;
box-shadow: $boxshadow;
border: $boxshadow-border;