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

message_header: Use em instead of px for height and font-size.

Browse Source
This commit is contained in:
evykassirer
2025-01-05 22:36:23 -08:00
committed by Tim Abbott
parent f56f78ddb8
commit 7b932faf40
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/styles/message_header.css
View File

@@ -16,7 +16,7 @@
display: flex;
align-items: center;
justify-content: space-between;
height: 28px;
height: 2em; /* 28px at 14px em */
border: 1px solid var(--color-message-header-contents-border);
border-bottom-color: var(--color-message-header-contents-border-bottom);
border-radius: 7px 7px 0 0;
@@ -49,8 +49,8 @@
.stream_topic {
display: inline-block;
padding: 5px 6px 5px 2px;
height: 17px;
line-height: 17px;
height: 1.2142em; /* 17px at 14px em */
line-height: 1.2142em; /* 17px at 14px em */
overflow: hidden;
text-overflow: ellipsis;
@@ -67,7 +67,7 @@
}
.stream-privacy i {
font-size: 15px;
font-size: 1.0714em; /* 15px at 14px em */
&.zulip-icon-globe,
&.zulip-icon-hashtag {
@@ -122,8 +122,8 @@
display: flex;
padding: 5px 0 5px 10px;
font-weight: 600;
height: 17px;
line-height: 17px;
height: 1.2142em; /* 17px at 14px em */
line-height: 1.2142em; /* 17px at 14px em */
color: var(--color-text-message-header);
&:hover {
@@ -132,11 +132,11 @@
}
.private_message_header_icon {
font-size: 15px;
font-size: 1.0714em; /* 15px at 14px em */
position: relative;
top: 1px;
width: 16px;
height: 16px;
width: 1.0666em; /* 16px at 15px em */
height: 1.0666em; /* 16px at 15px em */
}
.private_message_header_name {
@@ -202,8 +202,8 @@
align-items: center;
gap: 5px;
padding: 5px 2px 5px 10px;
height: 17px;
line-height: 17px;
height: 1.2142em; /* 17px at 14px em */
line-height: 1.2142em; /* 17px at 14px em */
position: relative;
top: 0.5px;
text-decoration: none;
@@ -221,14 +221,14 @@
.stream-privacy {
min-width: unset;
width: 16px;
height: 16px;
width: 1.1428em; /* 16px at 14px em */
height: 1.1428em; /* 16px at 14px em */
.hashtag {
padding-right: 0;
&::after {
font-size: 16px;
font-size: 1.1428em; /* 16px at 14px em */
}
}
}