worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

アイコンが自分のになってしまうバグを修正

Browse source
This commit is contained in:
GrapeApple0 2023-09-30 07:43:21 +00:00
parent 25763ee679
commit bc4d89af3a
1 changed files with 40 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
packages/frontend/src/components/MkNoteDetailed.vue
View file

@ -176,8 +176,18 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div v-else-if="tab === 'history'" :class="$style.tab_history"> <div v-else-if="tab === 'history'" :class="$style.tab_history">
<div style="display: grid;"> <div style="display: grid;">
<div v-for="text in appearNote.noteEditHistory.reverse()" :key="text"> <div v-for="text in appearNote.noteEditHistory" :class="$style.historyRoot" :key="text">
<MkNotePreview :class="$style.historyNote" :text="text"/> <MkAvatar :class="$style.avatar" :user="appearNote.user" link preview/>
<div :class="$style.historyMain">
<div :class="$style.historyHeader">
<MkUserName :user="appearNote.user" :nowrap="true"/>
</div>
<div>
<div>
<Mfm :text="text.trim()" :author="appearNote.user" :i="$i"/>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -822,10 +832,34 @@ function loadConversation() {
} }
} }
.historyNote { .historyRoot {
padding-top: 10px; display: flex;
min-height: 75px; margin: 0;
overflow: auto; padding: 10px;
overflow: clip;
font-size: 0.95em;
}
.historyMain {
flex: 1;
min-width: 0;
}
.historyHeader {
margin-bottom: 2px;
font-weight: bold;
width: 100%;
overflow: clip;
text-overflow: ellipsis;
}
.avatar {
flex-shrink: 0 !important;
display: block !important;
margin: 0 10px 0 0 !important;
width: 40px !important;
height: 40px !important;
border-radius: 8px !important;
pointer-events: none !important;
} }
.muted { .muted {