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

buddy_list: Tweak spacing of rows, line-height, and circle placement. 

This commit adds more space between rows, increases the line height
so that the status message doesn't touch the status emoji, and makes
the status circle a little bigger.
This commit is contained in:
evykassirer 2024-11-06 17:47:17 -08:00 committed by Tim Abbott
parent 6c583c9bfe
commit a1e31a44bd
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_variables.css
View File

@ -276,7 +276,7 @@
the smaller line-height. */ the smaller line-height. */
--line-height-sidebar-row-prominent: 1.7142em; /* 24px / 14px em */ --line-height-sidebar-row-prominent: 1.7142em; /* 24px / 14px em */
--line-height-sidebar-row: 1.5714em; /* 22px / 14px em */ --line-height-sidebar-row: 1.5714em; /* 22px / 14px em */
--line-height-sidebar-row-with-avatars: 1.2857em; /* 18px / 14px em */ --line-height-sidebar-row-with-avatars: 1.3571em; /* 19px / 14px em */
/* Right sidebar */ /* Right sidebar */
--right-sidebar-padding-right: 8px; --right-sidebar-padding-right: 8px;

10
web/styles/right_sidebar.css
View File

@ -168,10 +168,10 @@ $user_status_emoji_width: 24px;
.user_sidebar_entry.with_avatar .user_circle { .user_sidebar_entry.with_avatar .user_circle {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
width: 0.4em; width: 0.5em;
height: 0.4em; height: 0.5em;
top: 1.6em; top: 1.7em;
left: 1.6em; left: 1.7em;
&.user_circle_idle { &.user_circle_idle {
background: linear-gradient( background: linear-gradient(
@ -273,7 +273,7 @@ $user_status_emoji_width: 24px;
); );
.selectable_sidebar_block { .selectable_sidebar_block {
margin: 2px; margin: 4px;
} }
.unread_count:not(.hide) { .unread_count:not(.hide) {