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

Timeline improvements for smallest frames and zooming

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

I maintainer di solito rispondono entro 1 giorno

@BaronAWC ci sta già lavorando.

Dal 11/10/2026.

  • #247 di @BaronAWC — aperta

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
52/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
javascript
Ambito
frontend

Direzione di ricerca

Non vengono indicati file o test. Inizia individuando nel codice JavaScript i punti di ingresso delle interazioni di timeline, frame, tween e zoom, quindi riproduci i problemi elencati ai livelli di zoom più bassi. Il lavoro è completato quando i sette comportamenti numerati sono stati gestiti senza compromettere la normale selezione dei frame, l’estensione, la manipolazione dei tween o la navigazione nella timeline.

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

Descrizione

enhancement

Is your feature request related to a problem? Please describe.
There are a variety of things about the timeline that I think we can improve, particularly when it is zoomed out.

  1. The plus sign overflows the thin frame.
Image
  1. The frame numbers overflow to the left of the frame they're at.
Image
  1. The frame bubbles are still a bit too big.
Image
  1. The tween keyframe is weirdly circular (probably corner radius shenanigans, I'm guessing), and the arrow start/end are very far from the diamonds.
Image
  1. Dragging the tween diamond takes precedence over stretching the frame. This makes it very hard to stretch the frame. Also, the tween diamond's preview shadow thingy is larger than it should be.

https://github.com/user-attachments/assets/34ccdf1f-4c1f-4c0b-8c53-f577e580dd66

  1. We made it so that for a zoomed-enough-out timeline, a frame can only be stretched if it is selected. I think the current implementation might be a bit too strict. If a frame is stretched, the hover target is definitely good enough to allow stretching the frame.
Image
  1. When zooming in and out, you often lose your place in the timeline because the stretch's origin is at the very left. (So, zooming in makes you go backwards in frames as everything gets pushed right)

Describe the solution you'd like
I think it'd be reasonable to slightly increase the minimum frame width, to give just a bit more breathing room.

For everything else:

  1. Remove (or shrink) the plus sign if the frame is too thin. The highlight might be good enough, so removing might be okay.
  2. Force the frame number to sit to the right of the line. (But let's be careful that it doesn't abruptly snap when you hit a threshold)
  3. Shrink the bubbles.
  4. Shrink the corner radius as the keyframe gets smaller, and shrink the margin for the arrows.
  5. Favor stretching the frame over selecting/dragging the tween.
  6. If a frame is a certain number of pixels wide, the frame is actively selected, or a tween on the frame is actively selected, the frame can be stretched.
  7. Stretch relative to the middle of the timeline (or maybe the cursor, or maybe maybe the playhead if it's visible - I don't know what feels good).
Lingua principale
JavaScript
Stelle
57
Fork
24
Merge medio
19h 12m
PR unite (30g)
10

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 Candlestickers/Candlestick

Tutte le issue di Candlestickers/Candlestick

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.