mirror of https://github.com/zulip/zulip.git
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:
parent
6c583c9bfe
commit
a1e31a44bd
|
@ -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;
|
||||
|
|
|
@ -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) {
|
||||
|
|
Loading…
Reference in New Issue