coder / coder/coder

Update and align selection indicator styles across the UI

Aperta
#21,880 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
design needed
Lingua principale
Go
Stelle
14.5k
Fork
1.5k
Merge medio
1g 21h
PR unite (30g)
586

Descrizione

## Overview

We currently have inconsistent selection indicator patterns across the application. This issue tracks the effort to audit and align these styles.

## Current patterns in use

- Blue highlight background for selected items
- Checkmarks (sometimes before text, sometimes after)
- Radio buttons (primarily on admin pages)
- Grey highlight background

## Proposed direction

- Remove blue highlight backgrounds in favor of a more subtle approach
- Standardize on checkmarks as the primary selection indicator
- Use grey backgrounds only where needed for visual clarity

## Design reference

[Figma component](https://www.figma.com/design/WfqIgsTFXN2BscBSSyXWF8/Coder-kit?node-id=550-618&t=s96BGc1OcTwqsjcp-1)

## Tasks

- [ ] Audit all selection patterns currently in use across the application
- [ ] Align with the Figma component design
- [ ] Update components to use consistent selection indicators
- [ ] Remove unnecessary blue highlight backgrounds

---

Created on behalf of @chrifro

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con il componente Figma collegato, quindi verifica i pattern di selezione esistenti nell'applicazione: sfondi blu e grigi, segni di spunta e pulsanti radio. Confronta ogni pattern con il riferimento di design e allinea i componenti interessati; il lavoro è completato quando le evidenziazioni blu non necessarie sono state rimosse e gli indicatori di selezione sono coerenti in tutta l'applicazione.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
figma
Ambito
design, frontend
Tipo di issue
Refactoring
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.