make font larger for emoji-only messages

This commit is contained in:
or-else
2024-05-01 14:36:18 -07:00
parent df03509029
commit a4befc4cd3
7 changed files with 39 additions and 8 deletions
+18
View File
@@ -2007,6 +2007,24 @@ video {
padding: 0 0.75rem 0 0.75rem;
}
/* Increase font size when the message contains only emojis.
Font from largest to normal, from 1 to 5 emojis in a message */
.bubble div.message-content.emoji-1 {
font-size: xxx-large;
}
.bubble div.message-content.emoji-2 {
font-size: xx-large;
}
.bubble div.message-content.emoji-3 {
font-size: x-large;
}
.bubble div.message-content.emoji-4 {
font-size: large;
}
.bubble div.message-content.emoji-5 {
font-size: larger;
}
/* The timestamp is a floating element. Need to ensure div.message-content is expanded
* to accomodate it. It's usually called clearfix. */
.bubble div.message-content:after {
+1 -1
View File
File diff suppressed because one or more lines are too long