0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-07 13:19:19 +08:00
discourse/plugins/chat/assets/stylesheets/mobile/chat-index.scss
chapoi 590d970fcb
UX: Starred chat channel icons (#36568)
This commit:

* cleans up some DOM structure for the chat channel icons
* adds more clear classes for --emoji and --icon type icons
* removes the different background for the chat index page
* aligns all channel icons, regardless of type

I'm also trying out some styling changes for mobile on the starred
channel index:

| BC | AC |
|--------|--------|
| <img width="668" height="1490" alt="CleanShot 2025-12-09 at 18 01
30@2x"
src="https://github.com/user-attachments/assets/8b589b23-851a-48d4-a96d-717cb37c3eee"
/> | <img width="668" height="1490" alt="CleanShot 2025-12-09 at 17 59
05@2x"
src="https://github.com/user-attachments/assets/b65278df-8cf2-437b-9827-8e68960d6038"
/> |

---------

Co-authored-by: zogstrip <regis@hanol.fr>
2025-12-09 19:50:44 +01:00

25 lines
384 B
SCSS
Vendored

@import "common/foundation/mixins";
.channels-list-container {
overflow: scroll;
padding-bottom: 0;
.chat-channel-name {
font-size: var(--font-up-1-rem);
}
.chat-channel-row:last-of-type {
border-bottom: 0;
}
}
.c-routes.--direct-messages,
.c-routes.--channels,
.c-routes.--threads {
max-width: 100vw;
}
// thread index
.chat-side-panel {
min-width: 0;
}