Merge pull request #3590 from Bnyro/master

fix: comments text overflowing for long words
This commit is contained in:
Bnyro 2024-05-04 16:21:48 +02:00 committed by GitHub
commit 5b46d93a33
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,7 +1,7 @@
<template v-if="text"> <template v-if="text">
<div class="mx-1 whitespace-pre-wrap py-2"> <div class="mx-1 whitespace-pre-wrap py-2">
<!-- eslint-disable-next-line vue/no-v-html --> <!-- 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 --> <!-- eslint-disable-next-line vue/no-v-html -->
<span v-else v-html="colapsedText()" /> <span v-else v-html="colapsedText()" />
<span v-if="text.length > visibleLimit && !showFullText">...</span> <span v-if="text.length > visibleLimit && !showFullText">...</span>
@ -44,3 +44,9 @@ export default {
}, },
}; };
</script> </script>
<style>
.contentText {
word-wrap: anywhere;
}
</style>