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

UI: hides channel with visible panel on narrow screen (#29541) 

This commit will hide the channel when the side panel is present and the width of the viewport is less than 1000px. This is especially useful when you want to focus reading a thread on a small screen.

This change only impacts desktops.
This commit is contained in:
Joffrey JAFFEUX 2024-11-28 11:58:36 +01:00 committed by GitHub
parent f69f0211df
commit 5a3afa0505
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/chat/assets/stylesheets/desktop/chat-channel.scss Normal file
View File

@ -0,0 +1,16 @@
@include breakpoint(large) {
.main-chat-outlet.has-side-panel-expanded {
.c-routes.--channel {
display: none;
}
.chat-side-panel {
width: 100% !important; // overrides the inline auto width
border: none;
.chat-side-panel-resizer {
display: none;
}
}
}
}

1
plugins/chat/assets/stylesheets/desktop/index.scss
View File

@ -3,6 +3,7 @@
@import "chat-composer-uploads";
@import "chat-index-drawer";
@import "chat-index-full-page";
@import "chat-channel";
@import "chat-message-actions";
@import "chat-message";
@import "chat-channel-info";