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

Métriques du dépôt

Stars

89 909 étoiles (89 909 étoiles)

Métriques de merge PR

Merge moyen 7j 22h (Merge moyen 7j 22h)184 PRs mergées en 30 j (184 PRs mergées en 30 j)

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

Guide contributeur

Direction de recherche

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.

Stack technique

csshtml

Domaine

frontenddocumentation

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.

Moins d'une heure

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

CSSStorybook theming

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

85