styleguidist/react-styleguidist

Custom CSS can break Styleguidist's styles

Open

#1.356 geöffnet am 7. Mai 2019

Auf GitHub ansehen
 (2 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)TypeScript (1.416 Forks)github user discovery
help wanted

Repository-Metriken

Stars
 (11.091 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Current behavior

requiring a custom CSS in the config can break Styleguidist's styles. In my case the CSS is semantic-ui and the Styleguidist styles are section headers and bodies. Would there be a way to fix this? I imagine quite some scenarios require using a custom CSS.

This is getting into feature request territory and I'm really just guessing about stuff I know very little about, but since Styleguidist is already using JSS, maybe applying a CSS reset specifically to Styleguidist components would work? Or putting examples in iframes?

To reproduce

https://github.com/andrewpeterprifer/example

Expected behavior

Styleguidist styles should be preserved.

Contributor Guide

Research-Richtung
Untersuchen Sie, wie benutzerdefiniertes CSS geladen wird und wie es die JSS Stile von Styleguidist überschreibt. Erwägen Sie, Styleguidist Komponenten zu scopen oder CSS Module/Iframes zu verwenden, um Konflikte zu vermeiden.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
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.
Meist klar
Voraussetzungen
CSSReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40