patternfly / patternfly/patternfly-react

Bug - [ToolbarFilter] - [the "clear all filters" button is not on the same row as filter labels]

Ouverte
#11,982 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Stale
Langage dominant
TypeScript
Étoiles
862
Forks
392
Merge moyen
4 j 8 h
PR mergées (30 j)
9

Description

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.

image

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par le composant ToolbarFilter et l’exemple de contenu de groupe d’étiquettes personnalisé dans la documentation PatternFly liée, puis reproduisez la mise en page à l’aide du CodeSandbox fourni. Vérifiez comment les filtres et le bouton "Clear all filters" sont disposés, et vérifiez que le bouton reste sur la même ligne que les étiquettes des filtres.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
58/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.