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

Improve hover behavior on icons in codeHighlight blocks #5172

Closed
wants to merge 3 commits into from

Conversation

LukasStordeur
Copy link
Collaborator

Description

I tried to figure out which was the root cause of the problem, I changed the implementations a few times, removed elements but it's still not clear what caused the glitches. It only happens when the codeblocks contain a lot of information, impacting performance. Most of the glitching could be either related to the Tooltips (they have minimal glitches on the PF site on Firefox) combined with the styled components "´css" declaration. I removed any superficial wrapper/customization of elements.

It does still glitch once in a while when clicking on the kebab-menu and then clicking outside of it multiple times. This might be resolved once the deprecated version of the kebab menu is updated. But since I've been tackling that in another ticket, I kept it separated.

hover-issue-resolution-details-page.mp4

@sanderr sanderr mentioned this pull request Oct 6, 2023
17 tasks
@LukasStordeur LukasStordeur added the merge-tool-ready This ticket is ready to be merged in label Oct 10, 2023
@inmantaci
Copy link
Contributor

Processing this pull request

inmantaci pushed a commit that referenced this pull request Oct 10, 2023
…(Issue #4916, PR #5172)

# Description

I tried to figure out which was the root cause of the problem, I changed the implementations a few times, removed elements but it's still not clear what caused the glitches. It only happens when the codeblocks contain a lot of information, impacting performance. Most of the glitching could be either related to the Tooltips (they have minimal glitches on the PF site on Firefox) combined with the styled components "´css" declaration. I removed any superficial wrapper/customization of elements.

It does still glitch once in a while when clicking on the kebab-menu and then clicking outside of it multiple times. This might be resolved once the deprecated version of the kebab menu is updated. But since I've been tackling that in another ticket, I kept it separated.

https://github.com/inmanta/web-console/assets/44098050/ea1dcce3-af45-4875-b0f9-923710ca350e
@inmantaci
Copy link
Contributor

Merged into branches iso6, master in 0d253a4

@inmantaci inmantaci closed this Oct 10, 2023
@inmantaci inmantaci deleted the 4916-hover-color-issues branch October 10, 2023 13:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
merge-tool-ready This ticket is ready to be merged in
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants