Drawer - Refine Drawer Usage for Better Integration with External Components
Les mainteneurs répondent en général sous 3 jours
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Commencez par PR #4142 et l’utilisation par TopologyView d’un DrawerPanelContent fourni en externe. Examinez comment DrawerHead et DrawerPanelBody sont composés au sein des composants du drawer, puis reproduisez le scénario de mise en page de la sidebar. Le travail est terminé lorsque les éléments standard du drawer s’intègrent au wrapper externe sans le workaround nested-content ni classe de padding manuelle.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Describe the problem
This arose from fixing a layout bug with the drawer component in PR #4142.
Using DrawerPanelContent within an externally provided DrawerPanelContent (in this case from PF Topology) breaks the layout of the sidebar panel.
- Addressed by removing the nested
DrawerPanelContentand directly applyingDrawerHeadandDrawerPanelBodywithin theDrawerPanelContentthat is externally provided from TopologyView.
In our use case, the utility class pf-v6-u-p-md was applied to get the same padding, but this workaround highlights a gap in the current implementation.
How do you reproduce the problem?
See https://github.com/opendatahub-io/odh-dashboard/pull/4142.
Expected behavior
PatternFly needs an improved way to structure and compose standard drawer elements like DrawerHead and DrawerPanelBody within an external DrawerPanelContent wrapper from the TopologyView.
Is this issue blocking you? No.
What is your product and what release date are you targeting?
RHOAI
- Langage dominant
- TypeScript
- Étoiles
- 862
- Forks
- 392
- Merge moyen
- 3 j 7 h
- PR mergées (30 j)
- 8
Préparer son environnement
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de patternfly/patternfly-react
-
PF Team
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
patternfly/patternfly-react#12651 ·
Les mainteneurs répondent en général sous 3 jours
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
patternfly/patternfly-react#12637 ·
Les mainteneurs répondent en général sous 3 jours
-
PF Team
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
patternfly/patternfly-react#12617 · 1 commentaire ·
Les mainteneurs répondent en général sous 3 jours
-
PF Team
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
patternfly/patternfly-react#12610 · 1 commentaire · 1 réaction ·
Les mainteneurs répondent en général sous 3 jours
-
Stale
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
patternfly/patternfly-react#12600 · 1 commentaire ·
Les mainteneurs répondent en général sous 3 jours
Toutes les issues de patternfly/patternfly-react
Issues similaires
-
priority: P2
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
prime-radiant-inc/evener#3291 ·
Les mainteneurs répondent en général sous 1 jour
-
accessibility bug revealjs
Difficulté 2/5 1-3 heures Accessibilité débutants 84/100
quarto-dev/quarto-cli#14961 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
supabase/agent-skills#614 ·
-
Content
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
RunestoneInteractive/rs#1559 · 1 commentaire ·
Les mainteneurs répondent en général sous 2 jours