patternfly / patternfly/patternfly-react
Bug - [ToolbarFilter] - [the "clear all filters" button is not on the same row as filter labels]
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 862
- Forks
- 392
- Ø Merge
- 4 T. 8 Std.
- Gemergte PRs (30 T.)
- 9
Beschreibung
Describe the problem
A clear and concise description of the problem. Which components are affected?
https://www.patternfly.org/components/toolbar
Toolbar component
How do you reproduce the problem?
Provide steps to reproduce. A codesandbox demonstrating the problem is appreciated.
When the filters from ToolbarFilter are created and added to the toolbar, they automatically create "Clear all filters" button. This button is pushed down below the filter labels. It should be on the same row.
The documentation show this issue
https://www.patternfly.org/components/toolbar#with-custom-label-group-content
Expected behavior
Clear all filters button is on the same row as filter labels
Is this issue blocking you?
I have a UI I am working on, and it's a requirement in my UX mocks.
Screenshots
If applicable, add screenshots to help explain the issue.
What is your environment?
-
OS: [e.g. iOS]
-
Browser [e.g. chrome, safari]
-
Version [e.g. 22]
What is your product and what release date are you targeting?
Any other information?
Jira Issue: PF-2594
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 mit der ToolbarFilter-Komponente und dem Beispiel für den Inhalt einer benutzerdefinierten Label-Gruppe in der verlinkten PatternFly-Dokumentation und reproduzieren Sie anschließend das Layout mit der bereitgestellten CodeSandbox. Prüfen Sie, wie die Filter und die Schaltfläche "Clear all filters" angeordnet sind, und verifizieren Sie, dass die Schaltfläche in derselben Zeile wie die Filter-Labels bleibt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Ruhig
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 58/100