ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix disappearing embed on comments

Browse Source 
- by passing the prop content to the content-viewer with the comments
content if it is less than 180 characters or if it's different from the
contentExcerpt
This commit is contained in:
mattwr18 2019-09-17 17:50:40 +02:00
parent 321e50d20c
commit fd8cec55ad
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
webapp/components/Comment.vue
View File

@ -39,18 +39,27 @@
/> />
</div> </div>
<div v-show="!openEditCommentMenu"> <div v-show="!openEditCommentMenu">
<div v-if="isCollapsed" v-html="comment.contentExcerpt" style="padding-left: 40px;" /> <content-viewer
v-if="comment.content.length < 180"
:content="comment.content"
class="padding-left"
/>
<div <div
v-show="comment.content !== comment.contentExcerpt && comment.content.length > 180" v-show="comment.content !== comment.contentExcerpt && comment.content.length > 180"
style="text-align: right; margin-right: 20px; margin-top: -12px;" style="text-align: right; margin-right: 20px; margin-top: -12px;"
> >
<content-viewer
v-if="isCollapsed"
:content="comment.contentExcerpt"
class="padding-left"
/>
<span class="show-more-or-less"> <span class="show-more-or-less">
<a v-if="isCollapsed" class="padding-left" @click="isCollapsed = !isCollapsed"> <a v-if="isCollapsed" class="padding-left" @click="isCollapsed = !isCollapsed">
{{ $t('comment.show.more') }} {{ $t('comment.show.more') }}
</a> </a>
</span> </span>
</div> </div>
<content-viewer v-if="!isCollapsed" v-html="comment.content" class="padding-left" /> <content-viewer v-if="!isCollapsed" :content="comment.content" class="padding-left" />
<div style="text-align: right; margin-right: 20px; margin-top: -12px;"> <div style="text-align: right; margin-right: 20px; margin-top: -12px;">
<span class="show-more-or-less"> <span class="show-more-or-less">
<a v-if="!isCollapsed" @click="isCollapsed = !isCollapsed" class="padding-left"> <a v-if="!isCollapsed" @click="isCollapsed = !isCollapsed" class="padding-left">