patternfly / patternfly/react-data-view
DataViewToolbar: Pagination misaligned from rest of toolbar
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 4
- Forks
- 21
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
Hey PatternFly team!😁
I was recently working with the DataViewToolbar component attempting to align the toolbar with the pagination in the same row. Currently, when passing a pagination prop to the component the pagination is not aligned in the same row as the rest of the toolbar. Example (and this same behavior is displayed in the examples in the component's docs):
PatternFly's toolbar design guidelines recommend these be aligned in the same row.
After some investigation, I found the pagination is wrapped in a div that uses flex with a set width of 100%. This causes the pagination to render in its own row distinct from the rest of the toolbar. Link to code referenced
Please implement a fix that aligns the pagination in the same row as the rest of the toolbar. Thank you!😄
Jira Issue: PF-4529
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginnen Sie in packages/module/src/DataViewToolbar/DataViewToolbar.tsx beim im Issue referenzierten Pagination-Wrapper und vergleichen Sie anschließend das Verhalten der Komponente mit den Beispielen in der DataViewToolbar-Dokumentation. Bestätigen Sie die Korrektur, indem Sie prüfen, dass die Pagination in derselben Zeile wie die übrigen Toolbar-Inhalte gerendert wird und den Designrichtlinien für Toolbars entspricht.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Aktivitätsstatus
- Ruhig
- Klarheit
- Klar beschrieben
- Anfängerfreundlichkeit
- 78/100