(feat)O3-3179: Change the styling of the Patient Header for deceased …

…patients (#1854) Co-authored-by: jwnasambu <wamalwa1844.com>
openmrs · May 29, 2024 · 6f24db9 · 6f24db9
1 parent 8f04eba
commit 6f24db9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 29 deletions.
diff --git a/packages/esm-patient-banner-app/src/banner-tags/deceased-patient-tag.scss b/packages/esm-patient-banner-app/src/banner-tags/deceased-patient-tag.scss
@@ -9,6 +9,6 @@
 }
 
 .tagOverride {
-  background-color: #6B1A18;
+  background-color: colors.$gray-80;
   color: colors.$gray-20;
-}
+}
diff --git a/packages/esm-patient-banner-app/src/banner/patient-banner.scss b/packages/esm-patient-banner-app/src/banner/patient-banner.scss
@@ -8,7 +8,8 @@
   background-color: $ui-01;
 }
 
-.activePatientContainer {
+.activePatientContainer, 
+.deceasedPatientContainer {
   background-color: $ui-01;
 }
 
@@ -19,22 +20,6 @@
   align-items: flex-end;
 }
 
-.deceasedPatientContainer {
-  background-color: colors.$gray-80;
-
-  .demographics, .row, .identifierTag, .identifier, .contactDetails .heading {
-    color: $ui-02;
-  }
-
-  .toggleContactDetailsButton, .toggleContactDetailsButton > svg, .actionsButtonText {
-    color: colors.$blue-40;
-  }
-
-  &:focus, &:hover {
-    background-color: colors.$gray-90;
-  }
-}
-
 .patientBanner {
   display: flex;
 }
@@ -65,16 +50,6 @@
   }
 }
 
-.deceasedContactDetails {
-  .contactDetails, .heading, .row, .row > .col {
-    color: $ui-02;
-  }
-
-  a {
-    color: $inverse-link
-  }
-}
-
 .tabletContactDetails {
   display: block;