From 9d4cad6307b3d92a2b0a6c43da0aa859e846c44d Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Thu, 23 Feb 2017 02:14:35 +0100
Subject: Improve glow

---
 app/assets/stylesheets/components.scss | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

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

diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 1d2b789bb..94c351520 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -786,6 +786,7 @@ a.status__content__spoiler-link {
   flex: 0 0 auto;
   cursor: pointer;
   color: $color4;
+  z-index: 3;
 
   &:hover {
     text-decoration: underline;
@@ -1079,6 +1080,12 @@ button.active i.fa-retweet {
   background: lighten($color1, 4%);
   flex: 0 0 auto;
   cursor: pointer;
+  position: relative;
+  z-index: 2;
+
+  &.active {
+    box-shadow: 0 1px 0 rgba($color4, 0.3);
+  }
 
   &.active .fa {
     color: $color4;
@@ -1209,11 +1216,13 @@ button.active i.fa-retweet {
 
 .status-list__unread-indicator, .notifications__unread-indicator {
   position: absolute;
-  top: 48px;
+  top: 35px;
   left: 0;
-  width: 100%;
+  right: 0;
+  margin: 0 auto;
+  width: 60%;
   pointer-events: none;
-  height: 30px;
-  z-index: 2;
-  background: linear-gradient(to bottom, rgba($color4, 0.3) 0%, rgba($color4, 0) 60%);
+  height: 28px;
+  z-index: 1;
+  background: radial-gradient(ellipse, rgba($color4, 0.23) 0%, rgba($color4, 0) 60%);
 }
-- 
cgit