paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 13:03:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

message_row: Better flexibly align hover controls.

Browse Source
This commit is contained in:
Karl Stolley
2025-04-02 08:51:35 -04:00
committed by Tim Abbott
parent 11fdd5f005
commit a1bba7a453
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/styles/message_row.css
View File

@@ -105,7 +105,7 @@
ensures the timestamp will always have enough space
in the column. */
grid-template:
var(--message-box-sender-line-height) repeat(3, auto) /
minmax(var(--message-box-sender-line-height), auto) repeat(3, auto) /
var(--message-box-avatar-column-width) minmax(0, 1fr) max-content
8px minmax(var(--message-box-timestamp-column-width), max-content);
/* Named grid areas provide flexibility for positioning grid items
@@ -470,13 +470,11 @@
of the row; inner flexboxes handle the
centering of the icons. */
align-self: stretch;
/* But to better set the height to the typical
sender-row line height for better centering
in all contexts. */
height: var(--message-box-sender-line-height);
/* Controls flex to the height of the top
row of the message box, and center
themselves within it. */
display: flex;
/* The flexbox here matches the height set above. */
align-items: stretch;
align-items: center;
/* Ensure square icons for better centering. */
line-height: 1;