Merge pull request #2604 from IDEMSInternational/kuwait/kw-custom-dis…

…play-group-box-styling Kuwait Theme: Custom styling for display-group 'box_*' variants
IDEMSInternational · Jan 2, 2025 · b6936d4 · b6936d4
2 parents f44fc46 + a047c6b
commit b6936d4
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/src/theme/themes/plh_kids_kw/_overrides.scss b/src/theme/themes/plh_kids_kw/_overrides.scss
@@ -672,6 +672,35 @@ body[data-theme="plh_kids_kw"] {
     }
   }
 
+  // Display Group
+  .display-group-wrapper {
+    &[data-variant*="box"] {
+      border-radius: 0px !important;
+      border-start-end-radius: var(--ion-border-radius-small) !important;
+      border-end-end-radius: var(--ion-border-radius-small) !important;
+    }
+    &[data-variant~="box_primary"] {
+      --background-color: var(--ion-color-gray-100) !important;
+      border: none;
+      border-inline-start: 6px solid var(--color-accent-yellow-60);
+    }
+    &[data-variant~="box_secondary"] {
+      --background-color: var(--ion-color-gray-100) !important;
+      border: none;
+      border-inline-start: 6px solid var(--ion-color-secondary-600);
+    }
+    &[data-variant~="box_gray"] {
+      --background-color: var(--ion-color-gray-100) !important;
+      border: none;
+      border-inline-start: 6px solid var(--ion-color-gray-600);
+    }
+    &[data-variant~="box_white"] {
+      --background-color: white !important;
+      border: none;
+      border-inline-start: 6px solid var(--ion-color-primary-600);
+    }
+  }
+
   // module header
   plh-module-details-header {
     .module-header {