meissa/dda-masto-embed
6
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

Fix word wrap in chrome

Browse source
This commit is contained in:
patdyn 2024-05-31 11:05:54 +02:00
parent 0fa7a15296
commit 979f6a3a80
2 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
public/post.css
View file

@ -8,7 +8,10 @@
grid: ". post ." / auto auto auto; grid: ". post ." / auto auto auto;
font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem); font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem);
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
.mastodon-post { .mastodon-post {
grid-area: post; grid-area: post;
justify-self: center; justify-self: center;
@ -119,9 +122,10 @@
.mastodon-post-link-info { .mastodon-post-link-info {
grid-area: info; grid-area: info;
grid: grid:
"." "link-title" "." "link-title"
"." "link-description" "." "link-description"
"." "link-url" "." / auto auto auto; "link-url"
/ auto;
padding: var(--small); padding: var(--small);
.mastodon-post-link-title { .mastodon-post-link-title {
@ -131,8 +135,9 @@
} }
.mastodon-post-link-description { .mastodon-post-link-description {
color: #383838;
grid-area: link-description; grid-area: link-description;
color: #383838;
padding-bottom: var(--medium);
} }
.mastodon-post-link-url { .mastodon-post-link-url {

15
src/main/dda/masto_embed/resources/post.css
View file

@ -8,7 +8,10 @@
grid: ". post ." / auto auto auto; grid: ". post ." / auto auto auto;
font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem); font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem);
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
.mastodon-post { .mastodon-post {
grid-area: post; grid-area: post;
justify-self: center; justify-self: center;
@ -119,9 +122,10 @@
.mastodon-post-link-info { .mastodon-post-link-info {
grid-area: info; grid-area: info;
grid: grid:
"." "link-title" "." "link-title"
"." "link-description" "." "link-description"
"." "link-url" "." / auto auto auto; "link-url"
/ auto;
padding: var(--small); padding: var(--small);
.mastodon-post-link-title { .mastodon-post-link-title {
@ -131,8 +135,9 @@
} }
.mastodon-post-link-description { .mastodon-post-link-description {
color: #383838;
grid-area: link-description; grid-area: link-description;
color: #383838;
padding-bottom: var(--medium);
} }
.mastodon-post-link-url { .mastodon-post-link-url {