hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

various fixes, mainly for tree view

Browse source
This commit is contained in:
Henry Jameson 2026-09-09 16:16:51 +03:00
commit bb55776c37
7 changed files with 77 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/conversation/conversation.scss
View file

@ -40,24 +40,6 @@
/* stylelint-enable declaration-no-important */
}
.thread-ancestor-dive-box {
padding-left: var(--status-margin);
border-bottom: 1px solid var(--border);
border-radius: 0;
/* Make the button stretch along the whole row */
&,
&-inner {
display: flex;
align-items: stretch;
flex-direction: column;
}
}
.thread-ancestor-dive-box-inner {
padding: var(--status-margin);
}
.thread-ancestors + .thread-tree > .conversation-status {
border-top: 1px solid var(--border);
}

33
src/components/conversation/conversation.vue
View file

@ -105,7 +105,7 @@
:replies="getReplies(element.status.id)"
:focused="focused === element.status.id"
can-dive
conversation-rank="ancestor"
@goto="setFocused"
@dive="diveIntoStatus(element.status.id)"
@ -117,33 +117,6 @@
class="virtual-spacer"
:style="{ height: element.height + 'px' }"
/>
<div
v-if="shouldShowOtherRepliesButton && getReplies(status.id).size > 1"
class="thread-ancestor-dive-box"
>
<div
class="thread-ancestor-dive-box-inner"
>
<i18n-t
tag="button"
scope="global"
keypath="status.ancestor_follow_with_icon"
class="button-unstyled -link thread-tree-show-replies-button"
@click.prevent="diveIntoStatus(status.id)"
>
<template #icon>
<FAIcon
icon="angle-double-right"
/>
</template>
<template #text>
<span>
{{ $t('status.ancestor_follow', { numReplies: getReplies(status.id).size - 1 }) }}
</span>
</template>
</i18n-t>
</div>
</div>
</article>
</div>
<div
@ -186,9 +159,9 @@
<Status
v-if="element.type === 'status'"
class="conversation-status"
:class="getStatusClasses(status)"
:class="getStatusClasses(element.status)"
:status-id="element.status.id"
:replies="getReplies(status.id)"
:replies="getReplies(element.status.id)"
:focused="focused === element.id || focused === element.status.retweeted_status?.id"