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

fix(app-modal-shell): update modal header #315

Merged
merged 1 commit into from
Apr 6, 2022

Conversation

dianadean
Copy link
Collaborator

To be inline with the HCD Figma designs, the following changes have been made:

  • Change header title to h2 (24px); move to be inline with close button
  • Ensure there is no underline (that may appear as a result of ds utility classes)
BeforeAfter
Screen Shot 2022-04-01 at 1 03 30 PM Screen Shot 2022-04-01 at 12 33 43 PM

-Change header title to h2; move to be inline with close button
-Ensure there is no underline (that
may appear as a result of ds utility classes)
<div class="tableClass">
<div class="cellClass">
<div class="ds-c-dialog {{modalClass}}" role="document">
<div class="modal-header-wrapper ds-u-display--flex ds-u-margin-bottom--2">
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Actual changes are here...(the rest is mostly just reformatting...sorry, it's a habit!)

Wrap the title and close button in .modal-header-wrapper
Change defaultHeader template to use h2 instead of h1

Copy link
Collaborator

@mcelestini mcelestini left a comment

Choose a reason for hiding this comment

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

nice!

@mcelestini
Copy link
Collaborator

I, for one, welcome the formatting changes :)

@dianadean dianadean merged commit b3403bb into main Apr 6, 2022
cshamrick pushed a commit that referenced this pull request Apr 6, 2022
### [4.4.2](v4.4.1...v4.4.2) (2022-04-06)

### Bug Fixes

* **app-modal-shell:** update modal header ([#315](#315)) ([b3403bb](b3403bb))
@cshamrick
Copy link
Member

🎉 This PR is included in version 4.4.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

4 participants