UX: more tweaks to scope chat channel icon (#36654)

chapoi · web-flow · commit 36750cb1e847 · 2025-12-12T11:36:10.000+01:00
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`.
diff --git a/plugins/chat/assets/stylesheets/common/chat-channel-icon.scss b/plugins/chat/assets/stylesheets/common/chat-channel-icon.scss
@@ -76,15 +76,22 @@
     border-radius: 50%;
     padding: 2px 2px 3px;
     color: var(--primary-high);
-    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);
+    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: 50%;
-      height: 50%;
-      right: -20%;
+      width: 40%;
+      height: 40%;
+      right: -30%;
       top: -20%;
     }
   }
diff --git a/plugins/chat/assets/stylesheets/common/chat-channel-row.scss b/plugins/chat/assets/stylesheets/common/chat-channel-row.scss
@@ -46,7 +46,7 @@
     }
 
     .d-icon-lock {
-      background-color: var(--primary-low);
+      background-color: var(--primary-very-low);
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,7 @@`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`.d-icon-lock {`
`49`		`- background-color: var(--primary-low);`
	`49`	`+ background-color: var(--primary-very-low);`
`50`	`50`	`}`
`51`	`51`	`}`
`52`	`52`