Fix #38 - Unread indicator when new content appears above the fold
This commit is contained in:
parent
f338cc6c94
commit
5997bb47a8
10 changed files with 116 additions and 23 deletions
|
@ -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%);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue