fix(alert/confirm-dialog): changed alignment to left by default and right for footer (#2509)

agliga · web-flow · commit d7d80cc6524e · 2024-12-16T10:39:34.000-08:00
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);

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@ebay/skin": minor
 +---
++
 +fix(alert/confirm-dialog): changed alignment to left by default and right for footer
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,6 @@`
`13`	`13`	`margin-left: var(--spacing-200);`
`14`	`14`	`margin-right: var(--spacing-200);`
`15`	`15`	`padding: var(--spacing-200);`
`16`		`- text-align: center;`
`17`	`16`	`}`
`18`	`17`
`19`	`18`	`.confirm-dialog__title {`
`@@ -35,6 +34,10 @@`
`35`	`34`	`}`
`36`	`35`	`}`
`37`	`36`
	`37`	`+.confirm-dialog__footer {`
	`38`	`+ text-align: right;`
	`39`	`+}`
	`40`	`+`
`38`	`41`	`a.confirm-dialog__confirm,`
`39`	`42`	`button.confirm-dialog__confirm {`
`40`	`43`	`margin-left: var(--spacing-100);`