Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: better align user count (#23941)

This commit is contained in:
chapoi 2023-10-16 14:28:35 +03:00 committed by GitHub
parent 1884b57af3
commit 9d1726fe2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
plugins/chat/assets/stylesheets/common/chat-message-creator.scss
View File

@ -44,7 +44,7 @@
display: flex; display: flex;
padding-inline: 0.25rem; padding-inline: 0.25rem;
align-items: center; align-items: center;
border-radius: 5px; border-radius: var(--d-border-radius);
height: var(--row-height); height: var(--row-height);
.unread-indicator { .unread-indicator {
@ -109,6 +109,15 @@
justify-content: center; justify-content: center;
} }
.chat-channel-title {
&__users-count {
width: 24px;
height: 24px;
padding: 0;
justify-content: center;
}
}
.chat-channel-title__name, .chat-channel-title__name,
.chat-user-display-name { .chat-user-display-name {
@include ellipsis; @include ellipsis;
@ -169,7 +178,7 @@
height: 44px; height: 44px;
width: 44px; width: 44px;
min-width: 44px; min-width: 44px;
border-radius: 5px; border-radius: var(--d-button-border-radius);
} }
&__selection { &__selection {
@ -178,7 +187,7 @@
flex-wrap: wrap; flex-wrap: wrap;
display: flex; display: flex;
background: var(--secondary-very-high); background: var(--secondary-very-high);
border-radius: 5px; border-radius: var(--d-input-border-radius);
padding: 3px; padding: 3px;
position: relative; position: relative;
@ -225,7 +234,7 @@
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-flex;
background: var(--primary-very-low); background: var(--primary-very-low);
border-radius: 5px; border-radius: var(--border-radius);
border: 1px solid var(--primary-low); border: 1px solid var(--primary-low);
height: calc(var(--row-height) - 6); height: calc(var(--row-height) - 6);
padding-inline: 0.25rem; padding-inline: 0.25rem;