Update PostComments.vue

This commit is contained in:
Daniel Supernault 2019-03-16 02:13:39 -06:00
parent c7e43261b8
commit dba2c52cec
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7

View file

@ -17,7 +17,7 @@
<div class="postCommentsContainer d-none"> <div class="postCommentsContainer d-none">
<p class="mb-1 text-center load-more-link d-none"><a href="#" class="text-muted" v-on:click="loadMore">Load more comments</a></p> <p class="mb-1 text-center load-more-link d-none"><a href="#" class="text-muted" v-on:click="loadMore">Load more comments</a></p>
<div class="comments" data-min-id="0" data-max-id="0"> <div class="comments" data-min-id="0" data-max-id="0">
<p v-for="(reply, index) in results" class="mb-0 d-flex justify-content-between align-items-top read-more" style="overflow-y: hidden;"> <p v-for="(reply, index) in results" class="mb-1 d-flex justify-content-between align-items-top read-more" style="overflow-y: hidden;">
<span> <span>
<a class="text-dark font-weight-bold mr-1" :href="reply.account.url" v-bind:title="reply.account.username">{{truncate(reply.account.username,15)}}</a> <a class="text-dark font-weight-bold mr-1" :href="reply.account.url" v-bind:title="reply.account.username">{{truncate(reply.account.username,15)}}</a>
<span class="text-break" v-html="reply.content"></span> <span class="text-break" v-html="reply.content"></span>
@ -39,6 +39,9 @@
.text-break { .text-break {
word-break: break-all !important; word-break: break-all !important;
} }
.comments p {
margin-bottom: 0;
}
</style> </style>
<script> <script>