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

Repository-Metriken

Stars

89.909 Sterne (89.909 Sterne)

PR-Merge-Metriken

Durchschn. Merge 7T 22h (Durchschn. Merge 7T 22h)184 gemergte PRs in 30 T (184 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung

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.

Tech Stack

csshtml

Domain

frontenddocumentation

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.

Unter 1 Stunde

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

CSSStorybook theming

EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.

85