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

settings: Improve layout of user-list style previews.

This commit is contained in:
Karl Stolley 2024-11-12 14:12:46 -06:00 committed by Tim Abbott
parent eb89719221
commit 3c9c6f0a3b
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/styles/settings.css
View File

@ -1217,6 +1217,15 @@ $option_title_width: 180px;
.user_list_style_values { .user_list_style_values {
max-width: calc($right_sidebar_width + $option_title_width); max-width: calc($right_sidebar_width + $option_title_width);
.preferences-radio-choice-label {
justify-content: space-between;
margin-right: 6px;
.right {
margin-left: unset;
}
}
.preview { .preview {
/* Match the 170px width of the right sidebar region for the name/status, /* Match the 170px width of the right sidebar region for the name/status,
doing something reasonable if the window shrinks. */ doing something reasonable if the window shrinks. */
@ -1228,6 +1237,13 @@ $option_title_width: 180px;
flex-direction: column; flex-direction: column;
} }
.user-name-and-status-emoji {
.user-name {
max-width: 100%;
overflow: hidden;
}
}
.status-text { .status-text {
opacity: 0.75; opacity: 0.75;
font-size: 90%; font-size: 90%;