feat(angular)!: change dialog actions: replace row-reverse with justi…

…fy-content end to fix a11y (#451) Co-authored-by: anastasiia_glushkova <[email protected]>
haiilo · Jan 29, 2024 · 2e48742 · 2e48742
1 parent a6403f7
commit 2e48742
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/angular/projects/catalyst-demo/src/app/dialog/dialog.component.html b/angular/projects/catalyst-demo/src/app/dialog/dialog.component.html
@@ -19,8 +19,8 @@
   </form>
 
   <cat-dialog-actions>
-    <cat-button variant="filled" color="primary">Primary</cat-button>
-    <cat-button>Secondary</cat-button>
     <cat-button variant="text" class="cat-mr-auto">Tertiary</cat-button>
+    <cat-button>Secondary</cat-button>
+    <cat-button variant="filled" color="primary">Primary</cat-button>
   </cat-dialog-actions>
 </cat-dialog>
diff --git a/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss b/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss
@@ -3,7 +3,7 @@
 }
 
 .cat-dialog-actions-end {
-  flex-direction: row-reverse;
+  justify-content: end;
 }
 
 .cat-dialog-actions-space-between {