diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index f2c24841f..10ec7fb44 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -903,6 +903,7 @@ function readPromo() {
.text {
overflow-wrap: break-word;
+ overflow: hidden;
}
.replyIcon {
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 638fb8731..5afc7d7b4 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -760,6 +760,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
.note {
padding: 32px;
font-size: 1.2em;
+ overflow: hidden;
&:hover > .main > .footer > .button {
opacity: 1;
@@ -771,6 +772,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
position: relative;
margin-bottom: 16px;
align-items: center;
+ z-index: 2;
}
.noteHeaderAvatar {
@@ -817,6 +819,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
.noteContent {
container-type: inline-size;
overflow-wrap: break-word;
+ z-index: 1;
}
.cw {
diff --git a/packages/frontend/src/components/MkNoteSimple.vue b/packages/frontend/src/components/MkNoteSimple.vue
index 4f93b02b7..5bcbd62f1 100644
--- a/packages/frontend/src/components/MkNoteSimple.vue
+++ b/packages/frontend/src/components/MkNoteSimple.vue
@@ -69,6 +69,7 @@ watch(() => props.expandAllCws, (expandAllCws) => {
.header {
margin-bottom: 2px;
+ z-index: 2;
}
.cw {
@@ -77,12 +78,14 @@ watch(() => props.expandAllCws, (expandAllCws) => {
margin: 0;
padding: 0;
overflow-wrap: break-word;
+ overflow: hidden;
}
.text {
cursor: default;
margin: 0;
padding: 0;
+ overflow: hidden;
}
@container (min-width: 250px) {
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 7cf5d1abf..fcc4dff98 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only