about summary refs log tree commit diff
diff options
context:
space:
mode:
authorbeatrix <beatrix.bitrot@gmail.com>2018-04-22 12:06:37 -0400
committerGitHub <noreply@github.com>2018-04-22 12:06:37 -0400
commitd7ae97c10ae8c5a0064e3a0d9262c9f182f53a6e (patch)
tree171b1e7658c87ca7d0fc8fe6601104fc7c2e9ea6
parented17e173d6ca915f19bce84a12222b89ab116243 (diff)
parent5f9b85a0cfe02b05dc9b72b1823dfdd77448672c (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.scss10
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;
       }