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

Explore normalizing form elements with an explicit height

Aperta
#700 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

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

Direzione di ricerca

Inizia dall’issue #699 e confronta le altezze segnalate per input e pulsanti in Safari e Chrome. Definisci se un’altezza canonica di 36px e le modifiche correlate a button border-radius rientrano nell’ambito, quindi verifica il risultato sulle piattaforme e nei browser menzionati.

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

Descrizione

enhancement

When trying to solve for #699, it's become increasingly clear that basing the size of form elements on padding, font size, and line-height might cause issues with keeping things consistent.

For example, inputs in Safari differ in height from Chrome. They're approximately 33px. Buttons are approximately 38px. Normalizing each form element at, say, 36px would allow us to rely way less on flex layout, and would provide a consistent, canonical height to things across each platform, browser, and font.

This work should likely be tied to any aesthetic changes we may want to make to buttons e.g. increasing border radii.

Lingua principale
TypeScript
Stelle
672
Fork
107
Merge medio
2g 12h
PR unite (30g)
26

Guida per i contributori

Apri la 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 StackExchange/Stacks

Tutte le issue di StackExchange/Stacks

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.