Fix #38 - Unread indicator when new content appears above the fold

This commit is contained in:
Eugen Rochko 2017-02-21 00:10:49 +01:00
parent f338cc6c94
commit 5997bb47a8
10 changed files with 116 additions and 23 deletions

View file

@ -1079,6 +1079,11 @@ button.active i.fa-retweet {
background: lighten($color1, 4%);
flex: 0 0 auto;
cursor: pointer;
&.active {
color: $color4;
text-shadow: 0 0 10px rgba($color4, 0.4);
}
}
.search {
@ -1201,3 +1206,14 @@ button.active i.fa-retweet {
}
}
}
.status-list__unread-indicator, .notifications__unread-indicator {
position: absolute;
top: 48px;
left: 0;
width: 100%;
pointer-events: none;
height: 30px;
z-index: 2;
background: linear-gradient(to bottom, rgba($color4, 0.3) 0%, rgba($color4, 0) 60%);
}