mirror of
https://github.com/discourse/discourse.git
synced 2024-12-12 03:23:43 +08:00
7dafd275ac
- 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
45 lines
689 B
SCSS
45 lines
689 B
SCSS
.mobile-view.has-full-page-chat {
|
|
&.disable-message-actions-touch {
|
|
.chat-message-actions {
|
|
> * {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
#skip-link {
|
|
@include user-select(none);
|
|
}
|
|
|
|
#skip-link,
|
|
.d-header,
|
|
.chat-message-actions-mobile-outlet,
|
|
.chat-channel,
|
|
.chat-thread {
|
|
> * {
|
|
@include user-select(none);
|
|
}
|
|
}
|
|
|
|
.chat-message-container {
|
|
transition: transform 400ms;
|
|
transform: scale(1);
|
|
|
|
&.-active {
|
|
animation: scale-animation 400ms;
|
|
}
|
|
}
|
|
|
|
@keyframes scale-animation {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
80% {
|
|
transform: scale(0.95);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
}
|