Use bootstrap backgrounds and text utilities for read issue reports

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 0cdc2c4bb1c1a6dc6c7b04b42e8b02cb7ab83b7a..0971b8b2200c85c8b3a31c2e981765381c348140 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -2297,8 +2297,3 @@ input.richtext_title[type="text"] {
     display: none;
   }
 }
-
-.read-reports {
-  background: $lightgrey;
-  opacity: 0.7;
-}

diff --git a/app/views/issues/show.html.erb b/app/views/issues/show.html.erb
index 6472a496720a2f4482e3175916978c23f8123f9c..65bd9ced3be35f7fad61b08a2e0e8f163449f911 100644 (file)
--- a/app/views/issues/show.html.erb
+++ b/app/views/issues/show.html.erb
@@ -24,14 +24,14 @@
     <h3><%= t ".reports_of_this_issue" %></h3>
 
     <% if @read_reports.present? %>
-    <div class="read-reports">
+    <div class="bg-light text-muted">
       <h4><%= t ".read_reports" %></h4>
       <%= render "reports", :reports => @read_reports %>
     </div>
     <% end %>
 
     <% if @unread_reports.any? %>
-    <div class="unread-reports">
+    <div>
       <h4><%= t ".new_reports" %></h4>
       <%= render "reports", :reports => @unread_reports %>
     </div>