Add fade and margin to collapsed statuses

7 years ago · 5f9b85a0cf
parent ed17e173d6
commit 5f9b85a0cf
1 changed files with 9 additions and 1 deletions
--- 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;
      }