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

more customisable padding

Aperta
#174 1 commento 1 reazione 0 assegnatari Vedi su GitHub

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
react, typescript
Ambito
frontend

Direzione di ricerca

Start by locating the component's existing uniform padding prop and its usage in the editor. Check how showLineNumbers and rehypePrism affect layout, then verify that directional padding supports the requested left-heavy spacing while preserving uniform padding behavior and keeping line numbers visible.

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

Descrizione

Hi

I love this package, its very useful. Thanks

Is there a way to use padding in a specific direction instead of the uniform padding prop whish applies the specified number on all sides.

I want to have padding on the left larger than top, bottom and right because I'm using showLineNumbers with rehypePrism which automatically sets my line numbers for each line and also accurately skips numbering a line for lines that go over multiple lines.

when I use CSS to add the line value as content before the line and shift that in front of the line, if there is no padding it will move off the area and not be visible. If I use a larger padding all these problems disappear and it visible and is much more simple to implement.

So, prop for padding be able to accept an array of numbers in the same order as CSS

e.g.
padding: "15px 15px 15px 30px", // top, right, bottom, left
and possible a single number if people want to keep it the same for all.

thanks
john

Lingua principale
TypeScript
Stelle
576
Fork
23
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

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 uiwjs/react-textarea-code-editor

Tutte le issue di uiwjs/react-textarea-code-editor

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.