fix(frontend): カラーバーがリプライには表示されないのを修正

This commit is contained in:
syuilo 2023-05-11 16:26:35 +09:00
parent b380dc53e1
commit 177359689e
2 changed files with 13 additions and 0 deletions

View File

@ -19,6 +19,7 @@
### Client ### Client
- Fix: ブラーエフェクトを有効にしている状態で高負荷になる問題を修正 - Fix: ブラーエフェクトを有効にしている状態で高負荷になる問題を修正
- Fix: カラーバーがリプライには表示されないのを修正
### Server ### Server
- センシティブワードの登録にAnd、正規表現が使用できるようになりました。 - センシティブワードの登録にAnd、正規表現が使用できるようになりました。

View File

@ -1,6 +1,7 @@
<template> <template>
<div :class="[$style.root, { [$style.children]: depth > 1 }]"> <div :class="[$style.root, { [$style.children]: depth > 1 }]">
<div :class="$style.main"> <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/> <MkAvatar :class="$style.avatar" :user="note.user" link preview/>
<div :class="$style.body"> <div :class="$style.body">
<MkNoteHeader :class="$style.header" :note="note" :mini="true"/> <MkNoteHeader :class="$style.header" :note="note" :mini="true"/>
@ -62,6 +63,7 @@ if (props.detail) {
.root { .root {
padding: 16px 32px; padding: 16px 32px;
font-size: 0.9em; font-size: 0.9em;
position: relative;
&.children { &.children {
padding: 10px 0 0 16px; padding: 10px 0 0 16px;
@ -73,6 +75,16 @@ if (props.detail) {
display: flex; display: flex;
} }
.colorBar {
position: absolute;
top: 8px;
left: 8px;
width: 5px;
height: calc(100% - 8px);
border-radius: 999px;
pointer-events: none;
}
.avatar { .avatar {
flex-shrink: 0; flex-shrink: 0;
display: block; display: block;