fix overflows

This commit is contained in:
Henry Jameson 2022-02-04 14:20:56 +02:00
parent 571e73a346
commit d361a4d7dc
4 changed files with 13 additions and 10 deletions

View File

@ -3,12 +3,12 @@
.MentionLink { .MentionLink {
position: relative; position: relative;
white-space: normal; white-space: normal;
display: inline-flex; display: inline;
color: var(--link); color: var(--link);
& .new, & .new,
& .original { & .original {
display: inline-block; display: inline;
border-radius: 2px; border-radius: 2px;
} }
@ -38,8 +38,8 @@
user-select: all; user-select: all;
} }
.short.-with-tooltip, & .short.-with-tooltip,
.you { & .you {
user-select: none; user-select: none;
} }
@ -48,6 +48,10 @@
white-space: nowrap; white-space: nowrap;
} }
.shortName {
white-space: normal;
}
.new { .new {
&.-you { &.-you {
& .shortName, & .shortName,

View File

@ -1,11 +1,8 @@
.MentionsLine { .MentionsLine {
word-break: break-all;
.showMoreLess { .showMoreLess {
white-space: normal; white-space: normal;
color: var(--link); color: var(--link);
} }
.fullExtraMentions,
.mention-link:not(:last-child) {
margin-right: 0.25em;
}
} }

View File

@ -5,6 +5,8 @@ $status-margin: 0.75em;
.Status { .Status {
min-width: 0; min-width: 0;
white-space: normal; white-space: normal;
word-wrap: break-word;
word-break: break-word;
&:hover { &:hover {
--_still-image-img-visibility: visible; --_still-image-img-visibility: visible;

View File

@ -9,7 +9,7 @@
& .text, & .text,
& .summary { & .summary {
font-family: var(--postFont, sans-serif); font-family: var(--postFont, sans-serif);
white-space: pre-wrap; white-space: normal;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
word-break: break-word; word-break: break-word;