Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[UI] Use a distinct checkbox style for the "Select All" control

Aperta
  • Qualcosa non va?
#1,761 6 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@kanishksingh23 ci sta già lavorando.

Dal 29/7/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

area/ui help wanted kind/enhancement
Description

The checkbox used for the "Select All" action in the table header uses the same visual style as the row selection checkboxes, making it difficult to distinguish between selecting all resources and selecting an individual row.

The "Select All" checkbox should have a distinct visual style to clearly communicate its global action, similar to the checkbox style used in the search dropdown.

Current Behavior
  • The table header checkbox ("Select All") looks identical to the row selection checkboxes.
  • Users may mistake it for another row selection checkbox.
Expected Behavior
  • Use a visually distinct checkbox style for the "Select All" control.
  • Keep row selection checkboxes unchanged.
  • Ensure the styling aligns with the checkbox used in the search dropdown (or the designated global selection control) for consistency and improved usability.
Screenshots
  • Current: Header "Select All" checkbox matches row checkboxes.
Image
  • Reference: Search dropdown uses a distinct checkbox style that better differentiates the global selection action.
Image
Acceptance Criteria
  • Update the header "Select All" checkbox to use the distinct checkbox style.
  • Leave individual row checkboxes unchanged.
  • Ensure visual consistency across all tables that support bulk selection.
  • Verify accessibility and keyboard interaction remain unchanged.
Environment
Contributor Guides and Resources
Lingua principale
TypeScript
Stelle
137
Fork
242
Merge medio
6g 11h
PR unite (30g)
2

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di layer5io/sistent

Tutte le issue di layer5io/sistent

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.