p5.js-web-editor icon indicating copy to clipboard operation
p5.js-web-editor copied to clipboard
verified publisher icon processing

Hover state removes the gap between logo block and “Back to Editor” button

Open BamaCharanChhandogi opened this issue 1 month ago • 5 comments

Increasing Access

In the p5.js Web Editor, the header has a small gap between the p5* logo block and the “Back to Editor” button. On hover, the hover background expands incorrectly and fills that gap, causing the two blocks to visually merge. This is inconsistent with the default layout and looks unintended.

Additionally, the left-arrow icon becomes hard to see on hover.

Image Image

Feature enhancement details

The hover state removes the small gap between the p5* logo block and the “Back to Editor” button. On hover, the background expands into that gap, making both elements look merged. The left-arrow icon also becomes hard to see. Please keep the gap visible on hover and ensure the arrow icon stays clearly visible.

BamaCharanChhandogi avatar Nov 21 '25 14:11 BamaCharanChhandogi

Hi! I’d like to work on this issue. Could you please assign it to me once it’s approved by the maintainers? Meanwhile, I’ll start looking into the codebase and understanding the related components.

Thanks!

SatyamKumarCS avatar Nov 22 '25 21:11 SatyamKumarCS

Hi! I’d like to work on this issue.

The hover background of the “Back to Editor” button currently expands into the small gap next to the p5* logo block, causing both sections to visually merge. The left-arrow icon also loses contrast on hover. I can submit a fix that:

preserves the gap in all hover states

keeps the arrow icon clearly visible with consistent contrast

Please assign this issue to me. I’m happy to take it on.

SinhaS12 avatar Nov 25 '25 08:11 SinhaS12

Thanks for your interest in this issue @SatyamKumarCS and @SinhaS12! Since @SatyamKumarCS commented first, I'll assign the issue to them! Once @SatyamKumarCS's PR is in, maybe other folks here can jump in and review the PR?

raclim avatar Dec 05 '25 21:12 raclim

Thanks for the update! Yes, I’m @SinhaS12. Appreciate the consideration! Looking forward to reviewing the PR once @SatyamKumarCS submits it.Else happy to Step-in

SinhaS12 avatar Dec 06 '25 03:12 SinhaS12

@raclim Hi, I noticed this issue has been assigned for 5 days but no PR has been opened yet.

If the current assignee is unavailable, I would be happy to take this issue and work on it.
Please let me know if I can proceed. Thanks!

SinhaS12 avatar Dec 11 '25 13:12 SinhaS12