storybookjs/storybook

[Bug]: Line highlighting in onboarding is slightly misaligned

Offen

#27.164 geöffnet am 15.05.2024

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (10.058 Forks)batch import
addon: onboardingbughelp wantedsev:S4ui

Repository-Metriken

Stars
 (89.909 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 7T 22h) (184 gemergte PRs in 30 T)

Beschreibung

Describe the bug

This problem is best described with a video:

https://github.com/storybookjs/storybook/assets/5678122/77201dc1-bbe4-4393-b4a0-df25bfee85fa

Some important screenshots from that video:

image

image

To Reproduce

See stories at https://next--635781f3500dd2c49e189caf.chromatic.com/?path=/story/addons-onboarding-features-writestoriesmodal--default

Or try it out in a fresh React sandbox:

  1. https://stackblitz.com/~/edit/github-duyqxc?file=.storybook%2Fmain.js&initialPath=%2F%3Fonboarding%3Dtrue
  2. Change the URL of the preview to the right and add /?onboarding=true

System

Storybook 8.1

Additional context

No response

Contributor Guide

Research-Richtung
Untersuche das CSS, das für die Zeilenhervorhebung im Onboarding Modal verantwortlich ist, und behebe den Ausrichtungsfehler.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Git
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75