storybookjs/storybook

[Bug]: Line highlighting in onboarding is slightly misaligned

Aberta

#27.164 aberto em 15 de mai. de 2024

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (0 responsável)TypeScript (10.058 forks)batch import
addon: onboardingbughelp wantedsev:S4ui

Métricas do repositório

Stars
 (89.909 estrelas)
Métricas de merge de PR
 (Mesclagem média 7d 22h) (184 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Investigue o CSS responsável pelo destaque de linhas no modal de onboarding e corrija o desalinhamento.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Git
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75