Fix theme colors for medications review, addresses #697.

sleepepi · Mar 14, 2019 · 22f0578 · 22f0578
1 parent 18f6621
commit 22f0578
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 4 deletions.
diff --git a/app/assets/stylesheets/components/headings.scss b/app/assets/stylesheets/components/headings.scss
@@ -192,3 +192,33 @@
     }
   }
 }
+
+.dashboard-heading {
+  border-radius: $border-radius;
+  font-size: 1.5rem;
+  font-weight: 500;
+  margin-bottom: $spacer;
+  padding: $spacer;
+
+  @include media-breakpoint-up(sm) {
+    font-size: 1.75rem;
+  }
+
+  @include media-breakpoint-up(md) {
+    font-size: 1.75rem;
+  }
+
+  @include media-breakpoint-up(lg) {
+    font-size: 2rem;
+  }
+}
+
+@each $name, $theme in $themes {
+  .theme-#{$name}-bg {
+    .dashboard-heading {
+      background-color: map-get($theme, dashboard-bg);
+      box-shadow: 0 0 5px map-get($theme, box-shadow-color);
+      color: map-get($theme, body-color);
+    }
+  }
+}
diff --git a/app/views/medications/index.html.haml b/app/views/medications/index.html.haml
@@ -29,8 +29,7 @@
   - @medications.each_with_index do |medication, index|
     - if medication.stopped? && !separator_found
       - separator_found = true
-      .mb-3{ class: index.positive? ? "mt-5" : nil }
-        %h2 Stopped Medications
+      .dashboard-heading.text-center.text-sm-left Stopped Medications
     = render "medications/card", medication: medication, actions: true
 
   .center-horizontally= paginate @medications, theme: "bootstrap"

diff --git a/app/views/medications/review.html.haml b/app/views/medications/review.html.haml
@@ -23,11 +23,11 @@
     Yes
     = icon("fas", "caret-right")
 
-  = link_to something_changed_project_subject_medication_path(@project, @subject, @medication), class: "btn btn-link" do
+  = link_to something_changed_project_subject_medication_path(@project, @subject, @medication), class: "btn btn-link bg-dashboard mr-3" do
     = icon("fas", "exclamation-circle")
     No, something changed
 
-  = link_to stopped_completely_project_subject_medication_path(@project, @subject, @medication), class: "btn btn-link" do
+  = link_to stopped_completely_project_subject_medication_path(@project, @subject, @medication), class: "btn btn-link bg-dashboard" do
     = icon("fas", "stop-circle")
     No, stopped completely