fix(alert/confirm-dialog): changed alignment to left by default and r…

…ight for footer (#2509)
eBay · Dec 16, 2024 · d7d80cc · d7d80cc
1 parent e4d7216
commit d7d80cc
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 4 deletions.
diff --git a/.changeset/mean-goats-smile.md b/.changeset/mean-goats-smile.md
@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+fix(alert/confirm-dialog): changed alignment to left by default and right for footer
diff --git a/dist/alert-dialog/alert-dialog.css b/dist/alert-dialog/alert-dialog.css
@@ -38,7 +38,6 @@
     min-height: 55px;
     min-width: 208px;
     padding: var(--spacing-200);
-    text-align: center;
     will-change: opacity, transform;
 }
 
@@ -49,6 +48,10 @@
     margin: 0;
 }
 
+.alert-dialog__footer {
+    text-align: right;
+}
+
 .alert-dialog__main {
     margin: var(--spacing-200) 0;
     min-height: var(--spacing-200);

diff --git a/dist/confirm-dialog/confirm-dialog.css b/dist/confirm-dialog/confirm-dialog.css
@@ -38,7 +38,6 @@
     min-height: 55px;
     min-width: 208px;
     padding: var(--spacing-200);
-    text-align: center;
     will-change: opacity, transform;
 }
 
@@ -60,6 +59,10 @@
     margin-bottom: 0;
 }
 
+.confirm-dialog__footer {
+    text-align: right;
+}
+
 a.confirm-dialog__confirm,
 button.confirm-dialog__confirm {
     margin-left: var(--spacing-100);

diff --git a/src/sass/alert-dialog/alert-dialog.scss b/src/sass/alert-dialog/alert-dialog.scss
@@ -13,7 +13,6 @@
     margin-left: var(--spacing-200);
     margin-right: var(--spacing-200);
     padding: var(--spacing-200);
-    text-align: center;
 }
 
 .alert-dialog__title {
@@ -22,6 +21,10 @@
     margin: 0;
 }
 
+.alert-dialog__footer {
+    text-align: right;
+}
+
 .alert-dialog__main {
     margin: var(--spacing-200) 0;
     min-height: var(--spacing-200);

diff --git a/src/sass/confirm-dialog/confirm-dialog.scss b/src/sass/confirm-dialog/confirm-dialog.scss
@@ -13,7 +13,6 @@
     margin-left: var(--spacing-200);
     margin-right: var(--spacing-200);
     padding: var(--spacing-200);
-    text-align: center;
 }
 
 .confirm-dialog__title {
@@ -35,6 +34,10 @@
     }
 }
 
+.confirm-dialog__footer {
+    text-align: right;
+}
+
 a.confirm-dialog__confirm,
 button.confirm-dialog__confirm {
     margin-left: var(--spacing-100);