Skip to content

xiiui ← Increase module bar button hit area#27465

Open
formfcw wants to merge 4 commits into
directus-version-12from
florian/cms-2331-increase-module-bar-button-hit-area
Open

xiiui ← Increase module bar button hit area#27465
formfcw wants to merge 4 commits into
directus-version-12from
florian/cms-2331-increase-module-bar-button-hit-area

Conversation

@formfcw
Copy link
Copy Markdown
Contributor

@formfcw formfcw commented May 15, 2026

Follow-up to #27009

Scope

What's changed:

  • Extend each module bar button's hit area into the surrounding gap via an invisible ::before pseudo-element
  • Adjacent buttons now meet at the midpoint of the gap, eliminating dead space
  • No visual change — purely a click-target improvement

Potential Risks / Drawbacks

Tested Scenarios

  • Clicks in the previously-dead gap between buttons now activate the nearer module
  • Hover/active visual states remain confined to the original button shape

Review Notes / Questions

  • Pattern mirrors the existing approach in module-bar-avatar.vue — kept intentionally consistent

Checklist

  • Added or updated tests
  • Documentation PR created here or not required
  • OpenAPI package PR created here or not required

Addresses CMS-2331

@formfcw formfcw requested a review from AlexGaillard as a code owner May 15, 2026 13:16
@linear-code
Copy link
Copy Markdown

linear-code Bot commented May 15, 2026

CMS-2331

@formfcw formfcw requested a review from alvarosabu May 15, 2026 13:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant