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

View File

@ -1217,6 +1217,15 @@ $option_title_width: 180px;
.user_list_style_values {
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 {
/* Match the 170px width of the right sidebar region for the name/status,
doing something reasonable if the window shrinks. */
@ -1228,6 +1237,13 @@ $option_title_width: 180px;
flex-direction: column;
}
.user-name-and-status-emoji {
.user-name {
max-width: 100%;
overflow: hidden;
}
}
.status-text {
opacity: 0.75;
font-size: 90%;