processing / processing/p5.js-web-editor

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

Open
#3,733 8 comments 0 reactions 1 assignee View on GitHub

@SatyamKumarCS is already working on this.

Since Dec 5, 2025.

Area:CSS Enhancement
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.