diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2019-10-01 04:54:29 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-10-01 04:54:29 +0200 |
| commit | c35376132b6675c21c2c85dd2456cf0779e89ad9 (patch) | |
| tree | df4ad1c34cbe1d86f211845e2b026290a6c587ce /app/javascript | |
| parent | 6faa98aee2af77466793d14a403600cc6104ba84 (diff) | |
Fix long domain block descriptions breaking table layout (#12029)
Diffstat (limited to 'app/javascript')
| -rw-r--r-- | app/javascript/styles/mastodon/about.scss | 21 |
1 files changed, 16 insertions, 5 deletions
diff --git a/app/javascript/styles/mastodon/about.scss b/app/javascript/styles/mastodon/about.scss index 1dd8b7954..cf16b54ac 100644 --- a/app/javascript/styles/mastodon/about.scss +++ b/app/javascript/styles/mastodon/about.scss @@ -145,8 +145,6 @@ $small-breakpoint: 960px; thead tr, tbody tr { - break-after: auto; - break-inside: avoid; border-bottom: 1px solid lighten($ui-base-color, 4%); font-size: 1em; line-height: 1.625; @@ -167,12 +165,25 @@ $small-breakpoint: 960px; padding: 8px; align-self: start; align-items: start; + word-break: break-all; &.nowrap { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; width: 25%; + position: relative; + + &::before { + content: ' '; + visibility: hidden; + } + + span { + position: absolute; + left: 8px; + right: 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } } } } |