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

ui: part 4 final cleanup #21365

Conversation

hellobontempo
Copy link
Contributor

@hellobontempo hellobontempo commented Jun 20, 2023

Flash message comparisons new + old

purple highlight for info

Screenshot 2023-06-20 at 12 09 42 PM


wrapping of really long item names

Screenshot 2023-06-20 at 12 10 02 PM


applying white-space: pre-wrap class

Screenshot 2023-06-20 at 12 10 29 PM

@close={{close}}
@isPreformatted={{flash.preformatted}}
/>
{{#let (hash info="highlight" success="success" danger="critical" warning="warning") as |color|}}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I opted to do this in the hbs template instead of making an external helper since I didn't see a need for these mappings to be used elsewhere once we transition completely to using HDS components. For example, AlertInline should eventually have @type="danger" updated to @type="critical" to match HDS language.
But would love some feedback here!

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 it makes sense to do this in the template for now :)

This test string matches the pattern regex.
</p>
</div>
<AlertInline
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Screenshot 2023-06-20 at 2 41 05 PM

@@ -11,14 +11,4 @@
position: fixed;
width: 95%;
z-index: 300;

Copy link
Contributor

Choose a reason for hiding this comment

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

i appreciate that you're also removing the css associated with the old alert banners!

@hellobontempo hellobontempo merged commit 3911cc2 into ui/VAULT-16910/hds-adoption-replace-AlertBanner Jun 21, 2023
@hellobontempo hellobontempo deleted the ui/VAULT-17330/final-cleanup branch June 21, 2023 00:32
hellobontempo added a commit that referenced this pull request Jun 21, 2023
* UI: HDS adoption replace AlertBanner part 1 (#21163)

* rename test selector

* replace db banner

* add class

* replace db role edit

* db creds

* generate creds

* simpler class

* license banner component

* oidc callback plash

* raft

* aws

* secret create or update

* change to compact alert for form field

* change back to inline

* combine alert banners

* wrap in conditional

* remove references to message class

* UI: HDS adoption replace AlertBanner part 2 (#21243)

* token expire warning

* delete css

* edit form

* item details distribute mfa step 2 transit verify

* back to secondary

* distribute

* oidc lease error

* sign

* kv obj and repl dash

* more repl

* update test selector

* show, creds

* shamir

* pki csr

* pki banners

* add hds library to ember engines

* woops comma

* fix k8 test

* update message error component for last!

* hold off MessageError changes until next pr

* revert test selectors

* update pki tests

* UI: part 3 remove alert banner (#21334)

* final component swap

* and actual final of MessageError

* update MessageError selectors

* delete alert-banner and remove references

* update next step alerts to highlight color

* finishing touches, auth form test and client dashboard inline link

* fix more selectors

* fix shamir flow test

* ui: part 4 final cleanup (#21365)

* replace AlertPopup

* add test tag

* move tag

* one more message error tag

* delete alert popup

* final css cleanup

* move preformatted flash into <p> tag

* ui: address comments for sidebranch  (#21388)

* add periods, move link to trailing

* more periods and typo fix
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants