diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 7df43b79b3..980636f551 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -760,6 +760,10 @@ function emitUpdReaction(emoji: string, delta: number) { & + .article { padding-top: 8px; } + + > .colorBar { + height: calc(100% - 6px); + } } .renoteAvatar { @@ -831,6 +835,16 @@ function emitUpdReaction(emoji: string, delta: number) { padding: 28px 32px; } +.colorBar { + position: absolute; + top: 8px; + left: 8px; + width: 5px; + height: calc(100% - 16px); + border-radius: 999px; + pointer-events: none; +} + .avatar { flex-shrink: 0; display: block !important; @@ -1054,6 +1068,13 @@ function emitUpdReaction(emoji: string, delta: number) { } } } + + .colorBar { + top: 6px; + left: 6px; + width: 4px; + height: calc(100% - 12px); + } } @container (max-width: 300px) { diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue index 04ee20e27b..17a348affe 100644 --- a/packages/frontend/src/components/MkNoteDetailed.vue +++ b/packages/frontend/src/components/MkNoteDetailed.vue @@ -60,7 +60,6 @@ SPDX-License-Identifier: AGPL-3.0-only -