fix: make note footer scale correctly

This commit is contained in:
Insert5StarName 2023-10-15 18:58:27 +02:00
parent 731a686b57
commit 94d2a16e89
2 changed files with 14 additions and 3 deletions

View file

@ -668,6 +668,9 @@ function readPromo() {
.footer { .footer {
position: relative; position: relative;
z-index: 1; z-index: 1;
margin-top: 0.4em;
width: max-content;
min-width: max-content;
} }
&:hover > .article > .main > .footer > .footerButton { &:hover > .article > .main > .footer > .footerButton {
@ -939,7 +942,7 @@ function readPromo() {
opacity: 0.7; opacity: 0.7;
&:not(:last-child) { &:not(:last-child) {
margin-right: 28px; margin-right: 1.5em;
} }
&:hover { &:hover {

View file

@ -92,7 +92,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ph-television ph-bold ph-lg"></i> {{ appearNote.channel.name }}</MkA> <MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ph-television ph-bold ph-lg"></i> {{ appearNote.channel.name }}</MkA>
</div> </div>
<footer> <footer :class="$style.footer">
<div :class="$style.noteFooterInfo"> <div :class="$style.noteFooterInfo">
<div v-if="appearNote.updatedAt"> <div v-if="appearNote.updatedAt">
{{ i18n.ts.edited }}: <MkTime :time="appearNote.updatedAt" mode="detail"/> {{ i18n.ts.edited }}: <MkTime :time="appearNote.updatedAt" mode="detail"/>
@ -683,6 +683,14 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
contain: content; contain: content;
} }
.footer {
position: relative;
z-index: 1;
margin-top: 0.4em;
width: max-content;
min-width: max-content;
}
.replyTo { .replyTo {
opacity: 0.7; opacity: 0.7;
padding-bottom: 0; padding-bottom: 0;
@ -855,7 +863,7 @@ if (appearNote.reply && appearNote.reply.replyId && defaultStore.state.autoloadC
opacity: 0.7; opacity: 0.7;
&:not(:last-child) { &:not(:last-child) {
margin-right: 28px; margin-right: 1.5em;
} }
&:hover { &:hover {