storybookjs/storybook

[Bug]: Line highlighting in onboarding is slightly misaligned

Ouverte

#27 164 ouverte le 15 mai 2024

Voir sur GitHubGuide contributeur
 (1 commentaire) (0 réaction) (0 personne assignée)TypeScript (10 058 forks)batch import
addon: onboardingbughelp wantedsev:S4ui

Métriques du dépôt

Stars
 (89 909 étoiles)
Métriques de merge PR
 (Merge moyen 7j 22h) (184 PRs mergées en 30 j)

Description

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

Guide contributeur

Direction de recherche
Examinez le CSS responsable de la surbrillance des lignes dans la modale d'intégration et corrigez le décalage d'alignement.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Git
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75