Updated styles for notifications

laCour · Mar 9, 2016 · 25d18fe · 25d18fe
1 parent 98115aa
commit 25d18fe
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/scss/modules/messaging/_banners.scss b/scss/modules/messaging/_banners.scss
@@ -35,7 +35,8 @@
 #messages_unread_status {
   background: $color-shade-light;
 
-  &.quiet {
+  &.quiet,
+  &.quiet.header_refresh {
     background: $color-shade-lightest;
     color: $base-font-color;
     text-shadow: 0 1px $color-shadow-light;
@@ -44,4 +45,26 @@
       color: $base-font-color;
     }
   }
+
+  &.header_refresh {
+    &:hover {
+      background: $color-shade-lightest;
+
+      .clear_unread_messages {
+        background: $color-shade-lightest;
+      }
+    }
+
+    .clear_unread_messages:hover {
+      background: $color-shade-lightest;
+    }
+  }
+}
+
+.header_refresh .clear_unread_messages {
+  border-left: 1px solid $color-shadow-light;
+}
+
+#messages_container.header_refresh.has_top_messages_banner::before {
+  background: $color-base;
 }