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

Modified Kitchen Sink Page #10500

Merged
merged 3 commits into from
Sep 8, 2017
Merged

Modified Kitchen Sink Page #10500

merged 3 commits into from
Sep 8, 2017

Conversation

danclaytondev
Copy link
Contributor

Added data-closable attribute to closable callout div so it closes properly

That's all!

Added data-closable attribute to callout div
@kball
Copy link
Contributor

kball commented Aug 4, 2017

Thanks for the PR! This makes the callout closable, but to get it to close, we need to make the close button also have a data-close attribute so it will trigger the appropriate event.

Added data-close to button
@danclaytondev
Copy link
Contributor Author

Thanks, done that now and it works!

<div class="callout">
<button class="close-button" aria-label="Close alert" type="button">
<div class="callout" data-closable>
<button class="close-button" aria-label="Close alert" type="button" data-close>
<span aria-hidden="true">&times;</span>
</button>
<p>This is a static close button example.</p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think you need to remove the word static ? No ?

Removed static
@danclaytondev
Copy link
Contributor Author

Removed the word static.

@kball kball merged commit 8765bc5 into foundation:master Sep 8, 2017
@kball
Copy link
Contributor

kball commented Sep 8, 2017

Perfect! Merged, thanks @danclayton50!

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

Successfully merging this pull request may close these issues.

3 participants