TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: comments text overflowing for long words

Browse source
This commit is contained in:
Bnyro 2024-05-04 16:20:07 +02:00
parent b1995b977c
commit 32670ac505
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/CollapsableText.vue
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>