[Bug]: docs - heading left margin only appears in the dark theme

Métricas do repositório

Stars

89.909 estrelas (89.909 estrelas)

Métricas de merge de PR

Mesclagem média 7d 22h (Mesclagem média 7d 22h)184 fundiu PRs em 30d (184 fundiu PRs em 30d)

Description

Describe the bug

The anchor link icon in the light theme appears to be cut off, dark theme has a margin which prevents this from happening.

Light theme	Dark Theme

Reproduction link

N/A

Reproduction steps

1. Go to the docs page for a component and look at a story heading.

System

System:
    OS: Linux 5.15 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
    CPU: (22) x64 Intel(R) Core(TM) Ultra 7 165H
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 20.18.1 - ~/.nvm/versions/node/v20.18.1/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.18.1/bin/npm
    pnpm: 8.7.6 - ~/.nvm/versions/node/v20.18.1/bin/pnpm <----- active
  npmPackages:
    @storybook/addon-a11y: ^8.6.14 => 8.6.14 
    @storybook/addon-designs: ^8.2.1 => 8.2.1 
    @storybook/addon-essentials: ^8.6.14 => 8.6.14 
    @storybook/addon-interactions: ^8.6.14 => 8.6.14 
    @storybook/addon-links: ^8.6.14 => 8.6.14 
    @storybook/addon-webpack5-compiler-swc: ^3.0.0 => 3.0.0 
    @storybook/blocks: ^8.6.14 => 8.6.14 
    @storybook/manager-api: ^8.6.14 => 8.6.14 
    @storybook/react: ^8.6.14 => 8.6.14 
    @storybook/react-webpack5: ^8.6.14 => 8.6.14 
    @storybook/test-runner: ^0.22.0 => 0.22.0 
    @storybook/theming: ^8.6.14 => 8.6.14 
    storybook: ^8.6.14 => 8.6.14 
    storybook-dark-mode: 4.0.2 => 4.0.2

Additional context

No response

Guia do colaborador

Direção de pesquisa

The bug is that the heading left margin is missing in light theme, causing the anchor icon to be cut off. The fix likely involves adding a CSS rule for the light theme to match the dark theme's margin. Relevant files may be in the documentation theme styling, possibly in packages like `@storybook/addon docs` or theme specific CSS files. Look for CSS classes or theme tokens related to heading margins.

Pilha de tecnologia

csshtml

Domain

frontenddocumentation

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.

Menos de 1 hora

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

CSSStorybook theming

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

85