Merge pull request #436 from unascribed/glitchsoc-pr-better-collapsed-statuses

Add fade and margin to collapsed statuses
7 years ago · dd13a0461b
parent c9265e97cc 880db71121
commit dd13a0461b
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;
      }