lasers
/
FreeTube
mirror of https://github.com/FreeTubeApp/FreeTube
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix text wrapping for community posts (#3540) 

* Fix text wrapping for community posts

* Use anywhere instead of break-word for overflow-wrap
This commit is contained in:
absidue 2023-05-22 03:43:13 +02:00 committed by GitHub
parent 763dcb3897
commit 15b8dffaf3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/components/ft-community-post/ft-community-post.scss
View File

@ -66,6 +66,11 @@
}
}
.postText {
overflow-wrap: anywhere;
white-space: pre-wrap;
}
.bottomSection {
color: var(--tertiary-text-color);
display: block;

7
src/renderer/components/ft-community-post/ft-community-post.vue
View File

@ -25,7 +25,10 @@
{{ publishedText }}
</p>
</div>
<p v-html="postText" />
<p
class="postText"
v-html="postText"
/>
<tiny-slider
v-if="type === 'multiImage' && postContent.content.length > 0"
v-bind="tinySliderOptions"
@ -114,5 +117,5 @@
</template>
<script src="./ft-community-post.js" />
<style src="./ft-community-post.scss" lang="scss" />
<style scoped src="./ft-community-post.scss" lang="scss" />
<style src="./slider-style.css" lang="css" />