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

right_sidebar: Use variable for avatar right margin.

Browse Source
This commit is contained in:
evykassirer
2025-01-21 18:23:41 -08:00
committed by Tim Abbott
parent fefd64b56d
commit 0568f9eb1b
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/app_variables.css
View File

@@ -323,6 +323,7 @@
--right-sidebar-heading-left-spacing: 5px; --right-sidebar-heading-left-spacing: 5px;
--right-sidebar-avatar-width: 2em; --right-sidebar-avatar-width: 2em;
--right-sidebar-avatar-height: var(--right-sidebar-avatar-width); --right-sidebar-avatar-height: var(--right-sidebar-avatar-width);
--right-sidebar-avatar-right-margin: 11px;
/* Tippy popover related values */ /* Tippy popover related values */
--navbar-popover-menu-min-width: 230px; --navbar-popover-menu-min-width: 230px;

2
web/styles/right_sidebar.css
View File

@@ -163,7 +163,7 @@
position: relative; position: relative;
/* TODO: Express this as part of the grid on /* TODO: Express this as part of the grid on
.selectable_sidebar_block. */ .selectable_sidebar_block. */
margin-right: 11px; margin-right: var(--right-sidebar-avatar-right-margin);
&:not(:has(.user-circle-offline)) .user-profile-picture { &:not(:has(.user-circle-offline)) .user-profile-picture {
/* The over-avatar user circle width is 15.5px at 20px/1em; /* The over-avatar user circle width is 15.5px at 20px/1em;

2
web/styles/zulip.css
View File

@@ -1001,7 +1001,7 @@ div.focused-message-list.is-conversation-view .recipient_row {
.user_sidebar_entry.with_avatar .user-profile-picture { .user_sidebar_entry.with_avatar .user-profile-picture {
width: var(--right-sidebar-avatar-width); width: var(--right-sidebar-avatar-width);
height: var(--right-sidebar-avatar-height); height: var(--right-sidebar-avatar-height);
margin-right: 11px; margin-right: var(--right-sidebar-avatar-right-margin);
} }
.home-error-bar { .home-error-bar {