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

View File

@ -276,7 +276,7 @@
the smaller line-height. */
--line-height-sidebar-row-prominent: 1.7142em; /* 24px / 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-padding-right: 8px;

View File

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