Skip to content

Commit 36750cb

Browse files
authored
UX: more tweaks to scope chat channel icon (#36654)
Followup for #36634 Lock-icon needs to be smaller on channel index, as the main icons are smaller too and don't have their size fixed to `--channel-list-avatar-size`.
1 parent c3005b4 commit 36750cb

File tree

2 files changed

+14
-7
lines changed

2 files changed

+14
-7
lines changed

plugins/chat/assets/stylesheets/common/chat-channel-icon.scss

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -76,15 +76,22 @@
7676
border-radius: 50%;
7777
padding: 2px 2px 3px;
7878
color: var(--primary-high);
79-
width: calc(var(--channel-list-avatar-size) * 0.35);
80-
height: calc(var(--channel-list-avatar-size) * 0.35);
81-
right: calc(var(--channel-list-avatar-size) * -0.15);
79+
height: 0.5rem;
80+
width: 0.5rem;
81+
right: -0.5rem;
82+
83+
.direct-message-channels &,
84+
.starred-channels & {
85+
width: calc(var(--channel-list-avatar-size) * 0.35);
86+
height: calc(var(--channel-list-avatar-size) * 0.35);
87+
right: calc(var(--channel-list-avatar-size) * -0.15);
88+
}
8289
top: -0.1rem;
8390

8491
.chat-channel-title & {
85-
width: 50%;
86-
height: 50%;
87-
right: -20%;
92+
width: 40%;
93+
height: 40%;
94+
right: -30%;
8895
top: -20%;
8996
}
9097
}

plugins/chat/assets/stylesheets/common/chat-channel-row.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646
}
4747

4848
.d-icon-lock {
49-
background-color: var(--primary-low);
49+
background-color: var(--primary-very-low);
5050
}
5151
}
5252

0 commit comments

Comments
 (0)