paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 05:53:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

read reciepts: Use em for row height and modal width.

Browse Source
This commit is contained in:
evykassirer
2025-02-05 12:44:13 -08:00
committed by Tim Abbott
parent 205cfc0f85
commit 500e0f63d6
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/modal.css
View File

@@ -219,7 +219,7 @@
#read_receipts_modal { #read_receipts_modal {
.modal__container { .modal__container {
width: 360px; width: 25.7142em; /* 360px at 14px em */
.modal__content { .modal__content {
/* When showing read receipts, we use simplebar /* When showing read receipts, we use simplebar
@@ -267,8 +267,8 @@
& li { & li {
.read_receipts_user_avatar { .read_receipts_user_avatar {
display: inline-block; display: inline-block;
height: 20px; height: 1.25em; /* 20px at 16px font-size at 14px em */
width: 20px; width: 1.25em; /* 20px at 16px font-size at 14px em */
position: relative; position: relative;
right: 8px; right: 8px;
border-radius: 4px; border-radius: 4px;
@@ -281,7 +281,7 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
cursor: pointer; cursor: pointer;
line-height: 26px; line-height: 1.625em; /* 26px at 16px font-size at 14px em */
&:hover { &:hover {
background-color: hsl(0deg 0% 0% / 5%); background-color: hsl(0deg 0% 0% / 5%);