From 5997bb47a8a97de6cf3b69f81ef86376019f8f31 Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Tue, 21 Feb 2017 00:10:49 +0100
Subject: Fix #38 - Unread indicator when new content appears above the fold

---
 app/assets/stylesheets/components.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'app/assets/stylesheets/components.scss')

diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index bc56891f3..4b6bfca48 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -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%);
+}
-- 
cgit