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;
      }