Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Alert with only an icon and title is missing bottom spacing #999

Open
brentvollebregt opened this issue Dec 18, 2022 · 0 comments
Open

Alert with only an icon and title is missing bottom spacing #999

brentvollebregt opened this issue Dec 18, 2022 · 0 comments

Comments

@brentvollebregt
Copy link

brentvollebregt commented Dec 18, 2022

The issue

When creating an alert with only a title and icon, the spacing at the bottom that is usually provided when using buttons or text is not rendered.

For example, doing the following,

swal({
  title: "Example Title",
  icon: "error",
  buttons: false
});

will render,

image

Expectation

I would expect that there is spacing similar to when text is provided:

image

Possible Solution

One solution I see is to apply the bottom spacing like the margin for text is added, something like:

.swal-title:last-child {
  margin-bottom: 45px;
}

This would then give,

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant