reactions: Set more explicit reaction-text setting.

This commit is contained in:
Karl Stolley 2023-10-26 09:37:25 -04:00 committed by Karl Stolley
parent b374b21171
commit 4493ee346d
1 changed files with 11 additions and 2 deletions

View File

@ -84,9 +84,18 @@
} }
.message_reaction_count { .message_reaction_count {
/* 90% works out here to 12.6px */
font-size: 90%; font-size: 90%;
margin: 2px 3px; /* No top and bottom margin; just allow
line-height: 1em; flexbox to handle the vertical alignment. */
margin: 0 3px;
/* Set the 12.6px text on a 13px line;
the goal is to have that 13px line
center correctly on the vertical with
the 17px-square emoji, resulting in
2px of space above and below the
reaction count/name. */
line-height: 13px;
} }
.message_reaction:hover .message_reaction_count { .message_reaction:hover .message_reaction_count {