(feat) O3-3179: Change the styling of the patient banner for deceased…

… patients (#1021) Co-authored-by: jwnasambu <wamalwa1844.com>
openmrs · May 31, 2024 · aa73395 · aa73395
1 parent 84ba195
commit aa73395
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 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
@@ -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/...-styleguide/src/patient-banner/contact-details/patient-banner-contact-details.module.scss b/...-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/...rk/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss b/...rk/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;
 }