Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
discourse/plugins/chat/assets/stylesheets/mobile/chat-index.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

17 lines
286 B
SCSS
Raw Normal View History

DEV: Move `discourse-chat` to the core repo. (#18776) As part of this move, we are also renaming `discourse-chat` to `chat`.
2022-11-02 09:41:30 -04:00
@import "common/foundation/mixins";
UX: multiple minor improvements (#20917) - Raises the scroll distance to 250px instead of 100px to show the arrow down button - Always have a margin on drawer when showing channel list, removes this margin when the scrollbar is apparent - Makes all scrollbar used in chat look the same through the chat-scrollbar mixin - Ensures hover state is not persistent on channel row in mobile - Makes the channel row full width on mobile
2023-04-03 04:46:38 -04:00
UX: Chat Sizing on Mobile (#25543) * UX: increase font-size of last message + decrease emoji size * UX: decrease size of username emoji * UX: Mobile chat index cleanup * UX: decrease size of chat-channel-title in thead list
2024-02-02 08:29:07 -05:00
.channels-list-container {
overflow: hidden;
DEV: Move `discourse-chat` to the core repo. (#18776) As part of this move, we are also renaming `discourse-chat` to `chat`.
2022-11-02 09:41:30 -04:00
UX: Chat Sizing on Mobile (#25543) * UX: increase font-size of last message + decrease emoji size * UX: decrease size of username emoji * UX: Mobile chat index cleanup * UX: decrease size of chat-channel-title in thead list
2024-02-02 08:29:07 -05:00
.chat-channel-name {
font-size: var(--font-up-1-rem);
DEV: Move `discourse-chat` to the core repo. (#18776) As part of this move, we are also renaming `discourse-chat` to `chat`.
2022-11-02 09:41:30 -04:00
}
}
FEATURE: Mobile Chat Footer Redesign (#25161) This update adds three tabs to the bottom of the chat overlay to make it easier for users to navigate chat on mobile. As a result of this change: - Direct Messages are now shown separately from public channels on mobile - My Threads has now moved from the channel list to it's own tab on mobile - My Threads can still be accessed on desktop via the sidebar and within the drawer channel list - Chat back button has been updated to navigate to the correct tab (for both channels and threads) Some special cases: - If DMs are not used then the tab is not rendered - If the user has no threads then the tab is not rendered - If both the tabs for DMs and Threads aren't available then the whole footer will not be rendered - Chat footer is only shown on the listing pages (DMs, Channels, My Threads) --------- Co-authored-by: chapoi <101828855+chapoi@users.noreply.github.com> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-01-16 01:29:33 -05:00
FEATURE: allows browse page in chat drawer (#27919) This commit ensures the browse page can be loaded in the drawer and doesn’t force full page mode. Other notable changes of this commit: - be consistent about wrapping each full page route with "c-routes.--route-name" and each drawer container with "c-drawer-routes.--route-name" - move browse channels into its own component, it was before in the template of the channels browse
2024-07-16 06:34:37 -04:00
.c-routes.--direct-messages,
.c-routes.--channels,
.c-routes.--threads {
FEATURE: Mobile Chat Footer Redesign (#25161) This update adds three tabs to the bottom of the chat overlay to make it easier for users to navigate chat on mobile. As a result of this change: - Direct Messages are now shown separately from public channels on mobile - My Threads has now moved from the channel list to it's own tab on mobile - My Threads can still be accessed on desktop via the sidebar and within the drawer channel list - Chat back button has been updated to navigate to the correct tab (for both channels and threads) Some special cases: - If DMs are not used then the tab is not rendered - If the user has no threads then the tab is not rendered - If both the tabs for DMs and Threads aren't available then the whole footer will not be rendered - Chat footer is only shown on the listing pages (DMs, Channels, My Threads) --------- Co-authored-by: chapoi <101828855+chapoi@users.noreply.github.com> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-01-16 01:29:33 -05:00
background: var(--primary-very-low);
max-width: 100vw;
}