fix:(alert): updates alert - #1208
Conversation
|
Deploy preview for pf-next ready! Built with commit 470d129 |
| --pf-c-alert__title--Color: var(--pf-global--Color--100); | ||
| --pf-c-alert__title__siblings--MarginTop: var(--pf-global--spacer--xs); |
There was a problem hiding this comment.
I would probably use --pf-c-alert__title--siblings--MarginTop since __ typically refers to a BEM element, but I don't feel strongly about it.
We do something similar with --nested
$ grep -ri 'nested--' src/
src//patternfly/components/Content/content.scss: --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
src//patternfly/components/Content/content.scss: --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
src//patternfly/components/Content/content.scss: margin-top: var(--pf-c-content--ul--nested--MarginTop);
src//patternfly/components/Content/content.scss: margin-left: var(--pf-c-content--ul--nested--MarginLeft);
src//patternfly/components/List/list.scss: --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
src//patternfly/components/List/list.scss: --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
src//patternfly/components/List/list.scss: margin-top: var(--pf-c-content--ul--nested--MarginTop);
src//patternfly/components/List/list.scss: margin-left: var(--pf-c-content--ul--nested--MarginLeft);
There was a problem hiding this comment.
ya I was the same. I'm cool with --
|
Would we ever have both a close icon and an action button in an alert? |
Not according to @mcarrano. We do have them in the alert migration demo so I've created something there. But I'd guess that we'd move that text to be a text link rather than a button beside the dismiss. |
b2584e3 to
b213b57
Compare
b213b57 to
847e4cf
Compare
| @@ -0,0 +1,6 @@ | |||
| <div class="pf-c-alert__dismiss{{#if alert-dismiss--modifier}} {{alert-dismiss--modifier}}{{/if}}" | |||
There was a problem hiding this comment.
I think you can remove this file now
| @@ -2,6 +2,9 @@ | |||
| {{#> alert-icon alert-icon--success="true"}} | |||
| {{/alert-icon}} | |||
| {{#> alert-body alert-body--attribute='role="alert"'}} | |||
| {{#> button button--modifier="pf-m-plain" button--attribute='aria-label="Remove"'}} | |||
There was a problem hiding this comment.
should the aria-label read "Close"?
There was a problem hiding this comment.
oh hmm...maybe? Or maybe dismiss?
084c9d0 to
dbddbcb
Compare
| {{/alert-body}} | ||
| {{/alert}} | ||
| <br> | ||
| {{#> alert alert--modifier="pf-m-success" alert--attribute='aria-label="success Notification"'}} |
There was a problem hiding this comment.
nitpick, can you capitalize "success Notification"?
dbddbcb to
619e5eb
Compare
619e5eb to
470d129
Compare
This closes #1099