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

Update Button Style - Add Color Hover Support

Aperta
  • Qualcosa non va?
#784 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 12 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
42/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
scss
Ambito
design, frontend

Direzione di ricerca

Inizia individuando le definizioni degli stili dei pulsanti nello SCSS del repository e confronta i relativi stati predefinito, hover, active, visited e disabled con l’issue. Conferma i colori hover blu e rosa inversi previsti prima di apportare modifiche; il lavoro è completato quando le varianti dei pulsanti documentate corrispondono agli stati concordati e funzionano nelle interazioni pertinenti.

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

Descrizione

Design 🎨 Dev ready ⚙️
Button Style - Add Color Hover Support
Use Cases
  • Support for Error & Success States
  • Support for future Brands
What is Changing?

Black Button

  • Default, Fill: #000000; Border: 2px solid black;
  • Hover, Active, Visited Fill: transparent; Border: 2px solid black;
  • Disabled Opacity: 80%;

Inverse Button - #0060DF, should be whatever color link blue is

  • Default, Fill: #ffffff; Border: 2px solid #0060DF;
  • Hover, Active, Visited Fill: #0060DF; Border: 2px solid Blue;
  • Disabled Opacity: 80%;

Red Button

  • Default, Fill: #EF4056; Border: 2px solid #901424;
  • Hover, Active, Visited Fill: #EF4056; Border: 2px solid #901424;
  • Disabled Opacity: 80%;

Pink Button - Subject to Change Hover

  • Default, Fill: #FF4AA2; Border: 2px solid #FF4AA2;
  • Hover, Active, Visited Fill: #FD007B; Border: 2px solid #FD007B;
  • Disabled Opacity: 80%;
Screen Shot 2022-05-17 at 10 27 43 AM
Lingua principale
SCSS
Stelle
299
Fork
83
Merge medio
10g 2h
PR unite (30g)
21

Preparare l'ambiente

  • Nessun Dockerfile né file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

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 mozilla/protocol

Tutte le issue di mozilla/protocol

Issue simili

Altre issue su Design

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.