feat: add space-between alignment for dialog actions buttons (#450)

Co-authored-by: anastasiia_glushkova <[email protected]>
haiilo · Jan 26, 2024 · a4abb0f · a4abb0f
1 parent f2ac4b4
commit a4abb0f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss b/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss
@@ -5,3 +5,7 @@
 .cat-dialog-actions-end {
   flex-direction: row-reverse;
 }
+
+.cat-dialog-actions-space-between {
+  justify-content: space-between;
+}
diff --git a/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.ts b/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.ts
@@ -12,12 +12,13 @@ import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@a
   host: {
     class: 'cat-dialog-actions',
     '[class.cat-dialog-actions-center]': 'align === "center"',
-    '[class.cat-dialog-actions-end]': 'align === "end"'
+    '[class.cat-dialog-actions-end]': 'align === "end"',
+    '[class.cat-dialog-actions-space-between]': 'align === "space-between"'
   }
 })
 export class CatDialogActionsComponent {
   /**
    * Horizontal alignment of action buttons.
    */
-  @Input() align: 'start' | 'center' | 'end' = 'end';
+  @Input() align: 'start' | 'center' | 'end' | 'space-between' = 'end';
 }