Merge pull request #20909 from anefzaoui/bug-1029175

Bug 1029175 - [Homescreen] Notification tray needs visual attention
mozilla-b2g · Jul 14, 2014 · f445a1a · f445a1a
2 parents b41c4a8 + 19358f4
commit f445a1a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/apps/system/style/notifications/notifications.css b/apps/system/style/notifications/notifications.css
@@ -110,16 +110,23 @@
   overflow-x: hidden;
 }
 
-
 .notification {
   position: relative;
   height: 6rem;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.9rem;
-  background-color: rgba(0, 0, 0, 0.5);
-  border-top: 0.1rem #404547 solid;
-  border-bottom: 0.1rem black solid;
+  border-top: 0.1rem solid transparent;
+  border-bottom: 0.1rem solid transparent;
+}
+
+div:not(#notifications-lockscreen-container) > .notification:after{
+  content: "";
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+  width: calc(100% - 7.2rem);
+  position: absolute;
+  left: 3.6rem;
+  bottom: 0;
 }
 
 .notification:active {

diff --git a/apps/system/style/utility_tray/utility_tray.css b/apps/system/style/utility_tray/utility_tray.css
@@ -7,7 +7,7 @@
   top: calc(-100% + 4.8rem);
   width: calc(100%);
   height: calc(100% - 2.4rem);
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(0, 0, 0, 0.9);
 
   transform: translateY(-4rem);
   visibility: hidden;