Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

message_feed: Size mobile controls to icon widths. 

This causes no visual changes, but it makes the grid definitions
more precise, while also reflecting that only two hover icons are
ever shown at mobile scales.
This commit is contained in:
Karl Stolley 2023-09-20 10:10:46 -05:00 committed by Tim Abbott
parent adec143680
commit 75293feefb
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/styles/message_row.css
View File

@ -144,10 +144,11 @@ $time_column_min_width: 42px; /* + padding */
". reactions . . . ";
@media (width < $sm_min), ((width >= $md_min) and (width < $mc_min)) {
grid-template-columns: $avatar_column_width minmax(0, 1fr) max-content 8px minmax(
$time_column_min_width,
max-content
);
grid-template-columns:
$avatar_column_width minmax(0, 1fr) calc(
2 * var(--message-box-icon-width)
)
8px minmax($time_column_min_width, max-content);
}
.message_controls {