diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index c405e2369c..679e7b7914 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -173,23 +173,17 @@ SPDX-License-Identifier: AGPL-3.0-only
-
-
-
+
-
-
-
+
-
-
-
+
{{ Array.isArray(muted) ? muted.map(words => Array.isArray(words) ? words.join() : words).slice(0, 3).join(' ') : muted }}
@@ -1388,6 +1382,11 @@ function emitUpdReaction(emoji: string, delta: number) {
padding: 8px;
text-align: center;
opacity: 0.7;
+ cursor: pointer;
+}
+
+.muted:hover {
+ background: var(--MI_THEME-buttonBg);
}
.reactionOmitted {
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 488ee16e62..5bf1cde456 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -232,9 +232,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
-
-
+
@@ -1199,5 +1197,10 @@ function animatedMFM() {
padding: 8px;
text-align: center;
opacity: 0.7;
+ cursor: pointer;
+}
+
+.muted:hover {
+ background: var(--MI_THEME-buttonBg);
}
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index c626ebba5d..9751dbbc5c 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -75,9 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
-
-
+
@@ -518,5 +516,10 @@ if (props.detail) {
border: 1px solid var(--MI_THEME-divider);
margin: 8px 8px 0 8px;
border-radius: var(--MI-radius-sm);
+ cursor: pointer;
+}
+
+.muted:hover {
+ background: var(--MI_THEME-buttonBg);
}
diff --git a/packages/frontend/src/components/SkNote.vue b/packages/frontend/src/components/SkNote.vue
index a08aeb51d8..8c89cdd5a3 100644
--- a/packages/frontend/src/components/SkNote.vue
+++ b/packages/frontend/src/components/SkNote.vue
@@ -174,23 +174,17 @@ SPDX-License-Identifier: AGPL-3.0-only
-
-
-
+
-
-
-
+
-
-
-
+
{{ Array.isArray(muted) ? muted.map(words => Array.isArray(words) ? words.join() : words).slice(0, 3).join(' ') : muted }}
@@ -1451,6 +1445,11 @@ function emitUpdReaction(emoji: string, delta: number) {
padding: 8px;
text-align: center;
opacity: 0.7;
+ cursor: pointer;
+}
+
+.muted:hover {
+ background: var(--MI_THEME-buttonBg);
}
.reactionOmitted {
diff --git a/packages/frontend/src/components/SkNoteDetailed.vue b/packages/frontend/src/components/SkNoteDetailed.vue
index e9cf45c41e..c785a82bae 100644
--- a/packages/frontend/src/components/SkNoteDetailed.vue
+++ b/packages/frontend/src/components/SkNoteDetailed.vue
@@ -237,9 +237,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
-
-
+
@@ -1273,6 +1271,11 @@ onUnmounted(() => {
padding: 8px;
text-align: center;
opacity: 0.7;
+ cursor: pointer;
+}
+
+.muted:hover {
+ background: var(--MI_THEME-buttonBg);
}
.badgeRoles {
diff --git a/packages/frontend/src/components/SkNoteSub.vue b/packages/frontend/src/components/SkNoteSub.vue
index 7dcaac7727..8d3a643b13 100644
--- a/packages/frontend/src/components/SkNoteSub.vue
+++ b/packages/frontend/src/components/SkNoteSub.vue
@@ -83,9 +83,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
-
-
+
@@ -606,6 +604,11 @@ if (props.detail) {
border: 1px solid var(--MI_THEME-divider);
margin: 8px 8px 0 8px;
border-radius: var(--MI-radius-sm);
+ cursor: pointer;
+}
+
+.muted:hover {
+ background: var(--MI_THEME-buttonBg);
}
// avatar container with line