mirror of
https://github.com/discourse/discourse.git
synced 2026-08-15 17:24:47 +08:00
fde576d8ecRemoves the chat channel `icon_upload_id` that was added in #29566 - the removal from the database table will happen in a followup PR.
92 lines
2.2 KiB
SCSS
Vendored
92 lines
2.2 KiB
SCSS
Vendored
@use "lib/viewport";
|
|
|
|
.chat-channel-icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-shrink: 0;
|
|
font-size: var(--font-up-1);
|
|
color: var(--primary-medium);
|
|
position: relative;
|
|
|
|
// separate otherwise it is used on the channel titles too
|
|
.direct-message-channels &,
|
|
.starred-channels & {
|
|
width: var(--channel-list-avatar-size);
|
|
height: var(--channel-list-avatar-size);
|
|
|
|
// emoji and icon styling on mobile = smaller + background circle for equalizing with avatars in mixed lists
|
|
&.--emoji,
|
|
&.--icon {
|
|
@include viewport.until(sm) {
|
|
background: var(--primary-low);
|
|
border-radius: 100%;
|
|
|
|
.emoji,
|
|
.d-icon:not(.chat-channel-icon__restricted-category-icon) {
|
|
width: calc(var(--channel-list-avatar-size) * 0.5);
|
|
height: calc(var(--channel-list-avatar-size) * 0.5);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.chat-message-creator & {
|
|
justify-content: center;
|
|
width: 24px;
|
|
}
|
|
|
|
&.--users-count {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 50%;
|
|
background: rgb(var(--primary-rgb), 0.1);
|
|
box-sizing: border-box;
|
|
color: var(--primary-high);
|
|
padding: 0;
|
|
|
|
.chat-channel-row & {
|
|
width: var(--channel-list-avatar-size);
|
|
height: var(--channel-list-avatar-size);
|
|
font-size: var(--font-up-1);
|
|
}
|
|
}
|
|
|
|
.chat-user-avatar {
|
|
.avatar {
|
|
.chat-channel-row & {
|
|
width: var(--channel-list-avatar-size);
|
|
height: var(--channel-list-avatar-size);
|
|
}
|
|
}
|
|
}
|
|
|
|
&__restricted-category-icon {
|
|
background-color: var(--secondary);
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
padding: 2px 2px 3px;
|
|
color: var(--primary-high);
|
|
height: 0.5rem;
|
|
width: 0.5rem;
|
|
right: -0.5rem;
|
|
|
|
.direct-message-channels &,
|
|
.starred-channels & {
|
|
width: calc(var(--channel-list-avatar-size) * 0.35);
|
|
height: calc(var(--channel-list-avatar-size) * 0.35);
|
|
right: calc(var(--channel-list-avatar-size) * -0.15);
|
|
}
|
|
top: -0.1rem;
|
|
|
|
.chat-channel-title & {
|
|
width: 40%;
|
|
height: 40%;
|
|
right: -30%;
|
|
top: -20%;
|
|
}
|
|
}
|
|
}
|
