[OGUI-1906] Notification pauses on hover and allows copying - #3513
Draft
isaachilly wants to merge 10 commits into
Draft
isaachilly wants to merge 10 commits into
isaachilly wants to merge 10 commits into
Conversation
Notifications now pause auto-hide while hovered, so users have time to read longer or normal message at their leisure. Added a copy-to-clipboard button inside the notification, flush with the right edge, that copies the message and displays a new "Text copied to clipboard" notification when clicked.
isaachilly
marked this pull request as draft
June 16, 2026 14:33
Adds tests for pause-on-hover and copy functionality. Adjusts queryRouter cllass test so that `window.notification` isn't being overwritten making notification class less simple to test,
Copy state now lives within the copy button through use of different icons and notification model attributes. Adjust tests to the functionality. Restructure tests to be one describe with 2 child blocks.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
I have JIRA issue created
Ticket:
As a user, I would like to be able to stop notifications from closing when I'm still digesting their information. For example, the JSON parsing errors are long and not easy to read quickly (in 2s before the timeout completes).
The other side of the same coin, being able to copy the message is useful to store it momentarily and would allow user's to quote them in support issues.
Code:
The code adds CSS to support the new design of the notification with a copy button.
Modifies the timeout that ohHover the notification stays.
Change tests to a) allow use of window.notification and then to test the notification model.
Reviewer:
To test the new look the reviewer can edit an instance of a notification.show and go through the different types and test the functionality.
Note
http://localhost:4000/?page=env-overviewBKP uses the component in the ENV id dropdown. You will need to temporarily link the WebUI package to the local one. To do this I edited the docker compose file as follows:OR if use in a non-dockerised GUI can use
npm link.