misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

show mute info on single line

Browse source
This commit is contained in:
Hazelnoot 2025-06-27 23:20:44 -04:00
parent df0409604d
commit 595c004a74
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend/src/components/SkMutedNote.vue
View file

@ -11,7 +11,7 @@ Displays a placeholder for a muted note.
<slot v-if="isExpanded"></slot> <slot v-if="isExpanded"></slot>
<!-- If hard muted, we want to hide *everything*, including the placeholders and controls to expand. --> <!-- If hard muted, we want to hide *everything*, including the placeholders and controls to expand. -->
<div v-else-if="!mute.hardMuted" :class="[$style.muted, mutedClass]" class="_gaps_s" @click.stop="expandNote = true"> <div v-else-if="!mute.hardMuted" :class="[$style.muted, $style.muteContainer, mutedClass]" @click.stop="expandNote = true">
<!-- Mandatory CWs --> <!-- Mandatory CWs -->
<I18n v-if="mute.noteMandatoryCW" :src="i18n.ts.noteIsFlaggedAs" tag="small"> <I18n v-if="mute.noteMandatoryCW" :src="i18n.ts.noteIsFlaggedAs" tag="small">
<template #cw> <template #cw>
@ -110,4 +110,14 @@ defineExpose({
.muted:hover { .muted:hover {
background: var(--MI_THEME-buttonBg); background: var(--MI_THEME-buttonBg);
} }
.muteContainer > :not(:first-child) {
margin-left: 0.75rem;
&:before {
content: "•";
margin-right: 0.75rem;
font-size: 1rem;
}
}
</style> </style>