[Glitch] Add follow button to detailed status, add gradient to mask bio cut-off (fixes #566)

Port 30e1da7668 to glitch-soc
2018-07-11 18:06:52 +02:00
parent 017628fd00
commit debc6544d9
3 changed files with 58 additions and 38 deletions
--- a/app/javascript/flavours/glitch/styles/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/accounts.scss
@@ -443,6 +443,20 @@
      overflow: hidden;
      text-overflow: ellipsis;
      height: 5.5em;
+      position: relative;
+
+      &::after {
+        display: block;
+        content: "";
+        width: 100%;
+        height: 100px;
+        position: absolute;
+        bottom: 0;
+        background: linear-gradient(to bottom, rgba($simple-background-color, 0.01) 0%, rgba($simple-background-color, 1) 100%);
+        left: 0;
+        border-radius: 0 0 4px 4px;
+        pointer-events: none;
+      }
    }
  }
 }