Merge pull request #2504 from IDEMSInternational/feat/display-group-v…

…ariant-box-white feat: display group variant box white
IDEMSInternational · Nov 7, 2024 · a01830c · a01830c
2 parents 565edcc + b2d3105
commit a01830c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/...p/shared/components/template/components/layout/display-group/display-group.component.scss b/...p/shared/components/template/components/layout/display-group/display-group.component.scss
@@ -45,13 +45,15 @@
 .display-group-wrapper {
   &[data-variant~="box_gray"],
   &[data-variant~="box_primary"],
-  &[data-variant~="box_secondary"] {
+  &[data-variant~="box_secondary"],
+  &[data-variant~="box_white"] {
     margin-top: var(--regular-margin);
     padding: var(--regular-padding);
     border-radius: var(--ion-border-radius-secondary);
     flex: 1;
     background-color: var(--background-color, transparent);
-    border: 2px solid var(--border-color, transparent);
+    border: var(--border-standard);
+    border-color: var(--border-color);
   }
 
   &[data-variant~="box_gray"] {
@@ -68,4 +70,9 @@
     --background-color: var(--ion-color-secondary-200);
     --border-color: var(--ion-color-secondary-500);
   }
+
+  &[data-variant~="box_white"] {
+    --background-color: white;
+    --border-color: var(--border-color-default, var(--ion-color-primary));
+  }
 }
diff --git a/...app/shared/components/template/components/layout/display-group/display-group.component.ts b/...app/shared/components/template/components/layout/display-group/display-group.component.ts
@@ -4,7 +4,7 @@ import { getNumberParamFromTemplateRow, getStringParamFromTemplateRow } from "..
 
 interface IDisplayGroupParams {
   /** TEMPLATE PARAMETER: "variant" */
-  variant: "box_gray" | "box_primary" | "box_secondary" | "dashed_box";
+  variant: "box_gray" | "box_primary" | "box_secondary" | "box_white" | "dashed_box";
   /** TEMPLATE PARAMETER: "style". TODO: Various additional legacy styles, review and convert some to variants */
   style: "form" | "default" | string | null;
   /** TEMPLATE PARAMETER: "offset". Add a custom bottom margin */