diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-11 16:26:35 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-11 16:26:35 +0900 |
| commit | 177359689e09732b6e839cd090872a17298310f3 (patch) | |
| tree | f8c9134d5b9e8532ed2b553d99ccf65a6200b14c /packages/frontend/src/components/MkNoteSub.vue | |
| parent | fix typo (diff) | |
| download | misskey-177359689e09732b6e839cd090872a17298310f3.tar.gz misskey-177359689e09732b6e839cd090872a17298310f3.tar.bz2 misskey-177359689e09732b6e839cd090872a17298310f3.zip | |
fix(frontend): カラーバーがリプライには表示されないのを修正
Diffstat (limited to 'packages/frontend/src/components/MkNoteSub.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteSub.vue | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue index c293641355..9ac0b7858f 100644 --- a/packages/frontend/src/components/MkNoteSub.vue +++ b/packages/frontend/src/components/MkNoteSub.vue @@ -1,6 +1,7 @@ <template> <div :class="[$style.root, { [$style.children]: depth > 1 }]"> <div :class="$style.main"> + <div v-if="note.channel" :class="$style.colorBar" :style="{ background: note.channel.color }"></div> <MkAvatar :class="$style.avatar" :user="note.user" link preview/> <div :class="$style.body"> <MkNoteHeader :class="$style.header" :note="note" :mini="true"/> @@ -62,6 +63,7 @@ if (props.detail) { .root { padding: 16px 32px; font-size: 0.9em; + position: relative; &.children { padding: 10px 0 0 16px; @@ -73,6 +75,16 @@ if (props.detail) { display: flex; } +.colorBar { + position: absolute; + top: 8px; + left: 8px; + width: 5px; + height: calc(100% - 8px); + border-radius: 999px; + pointer-events: none; +} + .avatar { flex-shrink: 0; display: block; |