treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Add fade and margin to collapsed statuses

lolsob-rspec
Una Thompson 2018-04-22 11:29:01 -04:00
parent c9265e97cc
commit 880db71121
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/javascript/flavours/glitch/styles/components/status.scss
View File

@ -244,9 +244,17 @@
height: 20px; height: 20px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin: 0;
padding-top: 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 { a:hover {
text-decoration: none; text-decoration: none;
} }