diff options
author | beatrix <beatrix.bitrot@gmail.com> | 2018-04-22 12:06:37 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-04-22 12:06:37 -0400 |
commit | d7ae97c10ae8c5a0064e3a0d9262c9f182f53a6e (patch) | |
tree | 171b1e7658c87ca7d0fc8fe6601104fc7c2e9ea6 | |
parent | ed17e173d6ca915f19bce84a12222b89ab116243 (diff) | |
parent | 5f9b85a0cfe02b05dc9b72b1823dfdd77448672c (diff) |
Merge pull request #436 from unascribed/glitchsoc-pr-better-collapsed-statuses
Add fade and margin to collapsed statuses
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/status.scss | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 1d1cf0f9e..0a022802a 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -244,9 +244,17 @@ height: 20px; overflow: hidden; text-overflow: ellipsis; - margin: 0; padding-top: 0; + &:after { + content: ""; + position: absolute; + top: 0; bottom: 0; + left: 0; right: 0; + background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1)); + pointer-events: none; + } + a:hover { text-decoration: none; } |