github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-28 18:50:56 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
discourse/plugins/chat/assets/stylesheets/mobile/chat-thread.scss

10 lines
118 B
SCSS
Raw Normal View History

UI: thread panel sizing/spacing on mobile (#21440) The side panel on mobile is full screen. As a result we need to tweak spacing and sizing to make it correctly full screen like the channel.
2023-05-09 00:17:42 +02:00
.chat-thread {
&__body {
margin: 0 1px 0 0;
FIX: various mobile chat improvements (#22132) - FIX: improves reactions and thread indicator touch event on mobile These "buttons" are located inside a scroll list which makes them very specific. The general idea is to ensure these events are passive and are not bubbling to the parent. - DEV: moves state on top level message node - FIX: ensures popover arrow has the correct border - FIX: makes a message expanded by default - FIX applies the same ios scroll fix on thread and channel - UI: better active/hover state for thread indicator - UI: attempts to follow more closely our BEM naming scheme - FIX: reduces bottom padding on message with thread indicator and user info hidden - UI: add padding for first message in thread - FIX: prevents actions backdrop to open thread - UI: makes thread indicator resizable
2023-06-16 11:36:43 +02:00
}
.chat-messages-scroll {
padding: 10px 10px 0 10px;
UI: thread panel sizing/spacing on mobile (#21440) The side panel on mobile is full screen. As a result we need to tweak spacing and sizing to make it correctly full screen like the channel.
2023-05-09 00:17:42 +02:00
}
}
Reference in New Issue Copy Permalink