diff options
| author | Haelwenn Monnier <lanodan@users.noreply.github.com> | 2018-09-27 15:04:33 +0000 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2018-09-27 17:04:33 +0200 |
| commit | 15fc2b76f95bc3c83ce3f5ee0a8142cde5fa6b0b (patch) | |
| tree | 13d4c72f5beec5dd2e3d480dcf9041f24b96f19f /app/javascript/styles | |
| parent | 42ab93c8b2a0affc5a8fcaed5030d53ab02db762 (diff) | |
Show "read more" link on overly long in-stream statuses (#8205)
Show "read more" link on overly long in-stream statuses
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index c73c220d4..c57f99fea 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -631,11 +631,13 @@ .status__content, .reply-indicator__content { + position: relative; font-size: 15px; line-height: 20px; word-wrap: break-word; font-weight: 400; overflow: hidden; + text-overflow: ellipsis; white-space: pre-wrap; padding-top: 2px; color: $primary-text-color; @@ -721,6 +723,26 @@ } } +.status__content.status__content--collapsed { + max-height: 20px * 15; // 15 lines is roughly above 500 characters +} + +.status__content__read-more-button { + display: block; + font-size: 15px; + line-height: 20px; + color: lighten($ui-highlight-color, 8%); + border: 0; + background: transparent; + padding: 0; + padding-top: 8px; + + &:hover, + &:active { + text-decoration: underline; + } +} + .status__content__spoiler-link { display: inline-block; border-radius: 2px; |