diff --git a/.changeset/mean-goats-smile.md b/.changeset/mean-goats-smile.md new file mode 100644 index 000000000..91aa83333 --- /dev/null +++ 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 index 02361387d..24d854e08 100644 --- 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 index 50610f5cb..cc30b7a82 100644 --- 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 index 76aa888e8..2d90bf3cd 100644 --- 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 index 9ea09a90c..86fbbbc50 100644 --- 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);