HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix (client): notification reply-to style

Browse source 
!10899
This commit is contained in:
naskya 2024-05-23 22:40:49 +09:00
parent 97dfb8d2aa
commit c04c071aec
No known key found for this signature in database
GPG key ID: 712D413B3A9FED5C
1 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
packages/client/src/components/note/MkNoteHeaderInfo.vue
View file

@ -16,7 +16,7 @@
<div v-if="pinned" class="info">
<i :class="icon('ph-push-pin')"></i>{{ i18n.ts.pinnedNote }}
</div>
<div v-if="collapsedReply && appearNote.reply" class="info">
<div v-if="collapsedReply && appearNote.reply" class="reply-to">
<MkAvatar class="avatar" :user="appearNote.reply.user" />
<MkUserName class="username" :user="appearNote.reply.user"></MkUserName>
<Mfm
@ -68,4 +68,30 @@ defineProps<{
color: inherit;
}
}
.reply-to {
color: var(--fgTransparentWeak);
.avatar {
width: 1.2em;
height: 1.2em;
border-radius: 2em;
overflow: hidden;
margin-right: 0.4em;
margin-bottom: 0.2em;
background: var(--panelHighlight);
}
.username {
font-weight: 700;
flex-shrink: 0;
max-width: 30%;
&::after {
content: ": ";
}
}
&:hover,
&:focus-within {
color: var(--fg);
}
}
</style>