about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/status.scss
diff options
context:
space:
mode:
authorUna Thompson <una@unascribed.com>2018-04-22 11:29:01 -0400
committerUna Thompson <una@unascribed.com>2018-04-22 11:34:19 -0400
commit5f9b85a0cfe02b05dc9b72b1823dfdd77448672c (patch)
tree171b1e7658c87ca7d0fc8fe6601104fc7c2e9ea6 /app/javascript/flavours/glitch/styles/components/status.scss
parented17e173d6ca915f19bce84a12222b89ab116243 (diff)
Add fade and margin to collapsed statuses
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/status.scss')
-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;
       }