From aa7339530c624227e50aa2df63152059f1a26a80 Mon Sep 17 00:00:00 2001
From: jwnasambu <33891016+jwnasambu@users.noreply.github.com>
Date: Fri, 31 May 2024 17:22:54 +0300
Subject: [PATCH] (feat) O3-3179: Change the styling of the patient banner for
 deceased patients (#1021)

Co-authored-by: jwnasambu <wamalwa1844.com>
---
 .../custom-overflow-menu.module.scss          |  7 ++---
 ...patient-banner-contact-details.module.scss | 22 ++-------------
 .../patient-banner-patient-info.module.scss   | 27 -------------------
 3 files changed, 4 insertions(+), 52 deletions(-)

diff --git a/packages/framework/esm-styleguide/src/custom-overflow-menu/custom-overflow-menu.module.scss b/packages/framework/esm-styleguide/src/custom-overflow-menu/custom-overflow-menu.module.scss
index d3d2578ab..47fe285c4 100644
--- a/packages/framework/esm-styleguide/src/custom-overflow-menu/custom-overflow-menu.module.scss
+++ b/packages/framework/esm-styleguide/src/custom-overflow-menu/custom-overflow-menu.module.scss
@@ -21,7 +21,8 @@
   display: block;
 }
 
-.overflowMenuButton {
+.overflowMenuButton,
+.deceased {
   width: auto;
   height: auto;
   padding: 0.875rem 1rem;
@@ -31,7 +32,3 @@
     background-color: colors.$gray-10-hover;
   }
 }
-
-.deceased {
-  color: colors.$blue-40;
-}
diff --git a/packages/framework/esm-styleguide/src/patient-banner/contact-details/patient-banner-contact-details.module.scss b/packages/framework/esm-styleguide/src/patient-banner/contact-details/patient-banner-contact-details.module.scss
index 01cf66915..4a07c0747 100644
--- a/packages/framework/esm-styleguide/src/patient-banner/contact-details/patient-banner-contact-details.module.scss
+++ b/packages/framework/esm-styleguide/src/patient-banner/contact-details/patient-banner-contact-details.module.scss
@@ -3,7 +3,8 @@
 @use '@carbon/styles/scss/type';
 @import '~@openmrs/esm-styleguide/src/vars';
 
-.contactDetails {
+.contactDetails,
+.deceased {
   color: $text-02;
   width: 100%;
 }
@@ -13,25 +14,6 @@
   color: $text-02;
 }
 
-.deceased {
-  .contactDetails,
-  .heading,
-  .row,
-  .row > .col {
-    color: $ui-02;
-    background-color: colors.$gray-80;
-  }
-
-  .menu {
-    fill: colors.$blue-40;
-  }
-
-  &:focus,
-  &:hover {
-    background-color: colors.$gray-90;
-  }
-}
-
 .row {
   @include type.type-style('body-compact-01');
   display: flex;
diff --git a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss
index 312485b32..f1a076bc2 100644
--- a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss
+++ b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss
@@ -12,33 +12,6 @@
   background-color: $ui-01;
 }
 
-.deceasedPatientContainer {
-  background-color: colors.$gray-80;
-
-  .patientName {
-    color: $ui-01;
-  }
-
-  .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;
 }