Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Investigate resolving differences between CodeMessage and CodeModal

Ouverte
#424 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
5/5
Temps estimé
Plus d'une semaine
Accessibilité débutants
25/100
Type d'issue
Refactorisation
Clarté
À clarifier
Activité
À l'abandon
Stack technique
typescript
Domaine
design, frontend

Piste de recherche

Comparez les implémentations existantes de CodeMessage et CodeModal avec le design Figma, y compris les options de CodeBlock et CodeEditor. Lisez l’issue 149 précédente du chatbot PatternFly et étudiez ce que Monaco et les composants PatternFly peuvent prendre en charge ; le travail est considéré comme terminé lorsqu’un accord est trouvé sur l’utilisation des composants et que l’apparence et le comportement attendus, y compris le mode sombre, sont respectés.

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

Description

PF Team PF6

There are some unresolved areas of difference between Figma and the codebase that Kayla would love to have resolved. One example is the code message and code editor modal. In Figma, these are 1 single component. Kayla would expect these components to be identical in look and feel. In the codebase, we are using two different PatternFly components, one of which is largely based around a third-party Monaco editor. This is not currently themed using PatternFly, which makes it difficult to change to exactly match design parameters at present. We would also need to explore what customizations are possible to get more of a match to the design using the default PatternFly components.

These are some options provided by Kayla:

image

Note that the existing code editor/code message do not exhibit the "old" behavior in dark mode at present.

Kayla and team want to use CodeBlock for everything that doesn't require editing. CodeEditor may make more sense where editing is important.

See also https://github.com/patternfly/chatbot/issues/149 for some of the earlier problems.


Jira Issue: PF-1562

Langage dominant
TypeScript
Étoiles
8
Forks
38
Merge moyen
2 j 14 h
PR mergées (30 j)
5

Préparer son environnement

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.

Autres issues de patternfly/chatbot

Toutes les issues de patternfly/chatbot

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

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