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

80 lines
1.5 KiB
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
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
.full-page-chat {
overflow: hidden; //prevents double scroll
UX: chat index refactor (#19264) * Refactor: split out chat index files * Refactor: is-online offset
2022-12-01 21:56:04 +08:00
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
.channels-list {
overflow-y: overlay;
padding-bottom: 6rem;
box-sizing: border-box;
UX: chat index refactor (#19264) * Refactor: split out chat index files * Refactor: is-online offset
2022-12-01 21:56:04 +08:00
.channels-list-container {
background: var(--secondary);
}
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
.chat-channel-row {
UX: reworks channel index (drawer and mobile) (#18892) - Multiple style improvements - adds last sent message date to the view Co-authored-by: chapoi <charlie@discourse.org> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2022-11-29 01:38:05 +08:00
height: 4em;
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
margin: 0;
padding: 0 1.5rem;
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
border-radius: 0;
UX: Chat index tweaks (#18905) - rounded avatar - cut off avatar - no index background
2022-11-07 19:26:46 +08:00
border-bottom: 1px solid var(--primary-low);
UX: reworks channel index (drawer and mobile) (#18892) - Multiple style improvements - adds last sent message date to the view Co-authored-by: chapoi <charlie@discourse.org> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2022-11-29 01:38:05 +08:00
.chat-channel-metadata {
UX: chat index refactor (#19264) * Refactor: split out chat index files * Refactor: is-online offset
2022-12-01 21:56:04 +08:00
.chat-channel-unread-indicator {
font-size: var(--font-down-2);
margin-top: 0.25rem;
}
UX: reworks channel index (drawer and mobile) (#18892) - Multiple style improvements - adds last sent message date to the view Co-authored-by: chapoi <charlie@discourse.org> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2022-11-29 01:38:05 +08:00
&__date {
font-size: var(--font-down-2);
}
}
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
}
.chat-channel-divider {
font-size: var(--font-up-1);
&:first-of-type {
UX: Chat index tweaks (#18905) - rounded avatar - cut off avatar - no index background
2022-11-07 19:26:46 +08:00
padding-top: 1rem;
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
}
.channel-title {
color: var(--quaternary);
font-size: var(--font-down-1);
}
}
.chat-user-avatar {
+ .chat-channel-title__usernames {
margin-left: 1rem;
}
}
.chat-channel-title {
width: 100%;
overflow: hidden;
&__users-count {
font-size: var(--font-up-2);
& + .chat-channel-title__name {
margin-left: 1rem;
}
}
&__name {
UX: reworks channel index (drawer and mobile) (#18892) - Multiple style improvements - adds last sent message date to the view Co-authored-by: chapoi <charlie@discourse.org> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2022-11-29 01:38:05 +08:00
margin-left: 0.75em;
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
font-size: var(--font-up-1);
}
&__category-badge {
font-size: var(--font-up-1);
}
UX: userstatus limit handling in UI (#20343) * UX: handle long userstatus in menupanel * UX: remove margin on userstatus emoji * UX: change emoji sise of user status in DM creator * FIX: user status overflow on chat index
2023-02-17 13:54:56 +08:00
&__user-status-message {
UX: Chat channel title overflow ellipsis fixes (#20956) * UX: add correct class * UX: prioritise name over user messages when truncating * UX: add missing overflows to enable ellipsis
2023-04-04 18:44:36 +08:00
flex-shrink: 3;
UX: userstatus limit handling in UI (#20343) * UX: handle long userstatus in menupanel * UX: remove margin on userstatus emoji * UX: change emoji sise of user status in DM creator * FIX: user status overflow on chat index
2023-02-17 13:54:56 +08:00
overflow: hidden;
text-overflow: ellipsis;
}
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
}
}
}
Reference in New Issue Copy Permalink