mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-08-14 23:57:27 +00:00
Merge pull request #3590 from Bnyro/master
fix: comments text overflowing for long words
This commit is contained in:
commit
5b46d93a33
1 changed files with 7 additions and 1 deletions
|
@ -1,7 +1,7 @@
|
|||
<template v-if="text">
|
||||
<div class="mx-1 whitespace-pre-wrap py-2">
|
||||
<!-- eslint-disable-next-line vue/no-v-html -->
|
||||
<span v-if="showFullText" v-html="fullText()" />
|
||||
<span v-if="showFullText" class="contentText" v-html="fullText()" />
|
||||
<!-- eslint-disable-next-line vue/no-v-html -->
|
||||
<span v-else v-html="colapsedText()" />
|
||||
<span v-if="text.length > visibleLimit && !showFullText">...</span>
|
||||
|
@ -44,3 +44,9 @@ export default {
|
|||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.contentText {
|
||||
word-wrap: anywhere;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue