github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-05 12:03:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
badca20749
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.

26 lines
401 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 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
}
UX: chat index mini refactor (#29082)
2024-10-04 20:10:36 +08:00
.chat-channel-row:last-of-type {
border-bottom: 0;
}
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
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 18:34:37 +08: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 14:29:33 +08:00
background: var(--primary-very-low);
max-width: 100vw;
}
UX: fix overflow on thread index pages (mobile) (#29126)
2024-10-08 21:27:41 +08:00
//thread index
.chat-side-panel {
min-width: 0;
}
Reference in New Issue Copy Permalink