diff options
author | David Yip <yipdw@member.fsf.org> | 2018-03-23 11:57:12 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-03-23 11:57:12 -0500 |
commit | 1772034ef251aa13f20a7eadc0ca1e527a54d07c (patch) | |
tree | b490e9c753bfafa3c0243edf152f9bc248782565 /app/javascript/flavours/glitch/styles/components/status.scss | |
parent | 03b2f701e755b2dcc013619d8e234fdec315c418 (diff) | |
parent | 58eeb92755c1dd81fb7481484084890cb4698f4d (diff) |
Merge pull request #398 from ashkitten/compressed-notifs
make expanded notifications show like default
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/status.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/status.scss | 27 |
1 files changed, 17 insertions, 10 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 15727155b..1d1cf0f9e 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -154,7 +154,6 @@ padding: 8px 10px; position: relative; height: auto; - min-height: 48px; border-bottom: 1px solid lighten($ui-base-color, 8%); cursor: default; @@ -245,11 +244,21 @@ height: 20px; overflow: hidden; text-overflow: ellipsis; + margin: 0; + padding-top: 0; a:hover { text-decoration: none; } } + + .notification__message { + margin-bottom: 0; + } + + .status__info .notification__message > span { + white-space: nowrap; + } } .notification__message { @@ -293,19 +302,23 @@ .status__info { display: flex; - padding: 2px 0 5px; font-size: 15px; - line-height: 24px; > span { + text-overflow: ellipsis; overflow: hidden; } + + .notification__message > span { + word-wrap: break-word; + } } .status__info__icons { margin-left: auto; display: flex; - align-items: baseline; + align-items: center; + height: 1em; color: lighten($ui-base-color, 26%); .status__visibility-icon { @@ -542,12 +555,6 @@ text-decoration: none; } } - - .status__content { - margin-top: -15px; - margin-bottom: 0; - padding-top: 0; - } } .status__relative-time, |