discourse/plugins/chat/assets/stylesheets/mobile/chat-index.scss

@import "common/foundation/mixins";

.channels-list-container {
  overflow: hidden;

  .chat-channel-name {
    font-size: var(--font-up-1-rem);
  }
}

.c-routes-direct-messages,
.c-routes-channels,
.c-routes-threads {
  background: var(--primary-very-low);
  max-width: 100vw;
}
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 21:41:30 +08: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 16:46:38 +08: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 21:29:07 +08: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 21:41:30 +08: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 21:29:07 +08: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 21:41:30 +08: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 14:29:33 +08:00
			`.c-routes-direct-messages,`
			`.c-routes-channels,`
			`.c-routes-threads {`
			`background: var(--primary-very-low);`
			`max-width: 100vw;`
			`}`