summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/global/MkCustomEmoji.vue
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2025-03-16 13:59:08 +0900
committersyuilo <4439005+syuilo@users.noreply.github.com>2025-03-16 13:59:08 +0900
commitdca42fd6e67b4b7b4fe97428e792cc299d2afaa8 (patch)
treedff466f076c9d048a26d5c9ef32fed09056e3edd /packages/frontend/src/components/global/MkCustomEmoji.vue
parent🎨 (diff)
downloadmisskey-dca42fd6e67b4b7b4fe97428e792cc299d2afaa8.tar.gz
misskey-dca42fd6e67b4b7b4fe97428e792cc299d2afaa8.tar.bz2
misskey-dca42fd6e67b4b7b4fe97428e792cc299d2afaa8.zip
enhance(frontend): improve ux for touch devices
Diffstat (limited to 'packages/frontend/src/components/global/MkCustomEmoji.vue')
-rw-r--r--packages/frontend/src/components/global/MkCustomEmoji.vue4
1 files changed, 4 insertions, 0 deletions
diff --git a/packages/frontend/src/components/global/MkCustomEmoji.vue b/packages/frontend/src/components/global/MkCustomEmoji.vue
index 20a07e9c28..65d6e9a3f6 100644
--- a/packages/frontend/src/components/global/MkCustomEmoji.vue
+++ b/packages/frontend/src/components/global/MkCustomEmoji.vue
@@ -9,6 +9,8 @@ SPDX-License-Identifier: AGPL-3.0-only
:class="[$style.root, { [$style.normal]: normal, [$style.noStyle]: noStyle }]"
src="/client-assets/dummy.png"
:title="alt"
+ draggable="false"
+ style="-webkit-user-drag: none;"
/>
<span v-else-if="errored">:{{ customEmojiName }}:</span>
<img
@@ -18,6 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:alt="alt"
:title="alt"
decoding="async"
+ draggable="false"
@error="errored = true"
@load="errored = false"
@click="onClick"
@@ -157,6 +160,7 @@ async function edit(name: string) {
.root {
height: 2em;
vertical-align: middle;
+ -webkit-user-drag: none;
transition: transform 0.2s ease;
&:hover {