add simple background for unread messages/conversations mobile

Changelog.md

@@ -23,6 +23,7 @@
 * Add password_confirmation field to registration page. [#3647](https://github.com/diaspora/diaspora/pull/3647)
 * When posting to Twitter, behaviour changed so that URL to post will only be added to the post when length exceeds 140 chars or post contains uploaded photos.
 * Remove markdown formatting from post message when posting to Facebook or Twitter.
+* Add simple background for unread messages/conversations mobile. [#3724](https://github.com/diaspora/diaspora/pull/3724)
 
 ## Bug Fixes
 

app/assets/stylesheets/mobile.css.scss

@@ -45,7 +45,7 @@ body {
 
   .from {
     a {
-      color: #444 !important;
+      color: #444;
       font-weight: bold;
     }
     margin-bottom: 2px;
@@ -788,3 +788,19 @@ form#new_user.new_user input.btn {
   white-space: normal;
 }
 
+.unread {
+  background-color: LightGrey;
+  .ltr {
+    font-weight: bold;
+  }
+}
+
+.read.stream_element {
+  color: dimGray;
+  .from {
+    a {
+      color: dimGray;
+      font-weight: bold;
+    }
+  }
+}

app/views/notifications/index.mobile.haml

@@ -12,7 +12,7 @@
           = day
       %ul.notifications_for_day
         - notes.each do |note|
-          .stream_element{:data=>{:guid => note.id}, :class => "#{note.unread ? 'unread' : ''}"}
+          .stream_element{:data=>{:guid => note.id}, :class => "#{note.unread ? 'unread' : 'read'}"}
 
             = person_image_link(note.actors.last)