-
Notifications
You must be signed in to change notification settings - Fork 1
Add toast component to show information to user #44
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
base: feature/fe2
Are you sure you want to change the base?
Conversation
c2a163b to
ef18c2b
Compare
groupsky
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's an improvement over the existing alert.
| @@ -1,4 +1,5 @@ | |||
| <div class="container"> | |||
| <toast-component></toast-component> | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If moved to the bottom would implicitly get higher z-index
| this.toast.classList.add('hide') | ||
| this.toast.classList.remove('show') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Duplicated in 3 places - better to extract as a method
| const toastTitle = this.shadowRoot.querySelector('#title') | ||
| const toastMessage = this.shadowRoot.querySelector('#message') | ||
| const toastTimestamp = this.shadowRoot.querySelector('#time') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
could be memoized
Co-authored-by: Geno Roupsky <geno@roupsky.name>
|
This pull request introduces 1 alert when merging 4048dc1 into 8012a85 - view on LGTM.com new alerts:
|
Uh oh!
There was an error while loading. Please reload this page.