mirror of
https://github.com/discourse/discourse.git
synced 2025-02-10 05:14:59 +00:00
aa2270e4c3
This commit attempts to have a bullet proof solution to the following case: - long press on message (finger is still pressed) - menu appears - a button is now at finger location - user releases finger - a click is triggered on the button Classic event canceling solution won't work here for performance reasons as we need the event to be passive in a scroll list.
41 lines
654 B
SCSS
41 lines
654 B
SCSS
.mobile-view.has-full-page-chat {
|
|
&.disable-message-actions-touch {
|
|
.chat-message-actions-backdrop {
|
|
> * {
|
|
pointer-events: 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);
|
|
|
|
&.is-long-pressed {
|
|
animation: scale-animation 400ms;
|
|
}
|
|
}
|
|
|
|
@keyframes scale-animation {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
80% {
|
|
transform: scale(0.95);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
}
|