patternfly / patternfly/react-data-view

Style mismatch for compound expandable rows between light and dark modes

Offen
#676 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
4
Forks
21
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Actual Behaviour

There is a visual discrepancy in how compound expandable rows are rendered in light and dark mode

Expected Behaviour

The compound expandable rows should maintain a consistent design language in both light and dark modes

Screenshots

Image

The border around the expandable row content is missing in dark mode:

Image

Jira Issue: PF-4336

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, die Implementierung der zusammengesetzten aufklappbaren Zeile und ihre Styles für den hellen und dunklen Modus im Repository react-data-view zu finden, und vergleiche dann die gerenderten Rahmen mit den angehängten Screenshots. Fertig ist die Aufgabe, wenn der Inhalt der aufklappbaren Zeile in beiden Modi einen einheitlichen sichtbaren Rahmen hat; überprüfe das Ergebnis in der entsprechenden Komponentenansicht.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
design, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.