diff options
author | Thibaut Girka <thib@sitedethib.com> | 2018-07-11 18:06:52 +0200 |
---|---|---|
committer | ThibG <thib@sitedethib.com> | 2018-07-11 22:05:15 +0200 |
commit | debc6544d9e2881b175d4e5de09c7b40a1f7e503 (patch) | |
tree | 0cb894d9aa027d4899237239c1bea3654ac14dbb /app/javascript/flavours/glitch/styles/accounts.scss | |
parent | 017628fd003e17df7ae28fe62db64abd2e6f680e (diff) |
[Glitch] Add follow button to detailed status, add gradient to mask bio cut-off (fixes #566)
Port 30e1da7668c6c42aa5f15bdc9caab1929235f78f to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/accounts.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/accounts.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/accounts.scss b/app/javascript/flavours/glitch/styles/accounts.scss index efff59ff6..133250822 100644 --- 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; + } } } } |