Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Investigate resolving differences between CodeMessage and CodeModal

Đang mở
  • Có gì không ổn?
#424 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
25/100
Loại issue
Tái cấu trúc
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
typescript
Lĩnh vực
design, frontend

Hướng nghiên cứu

So sánh các triển khai CodeMessage và CodeModal hiện có với thiết kế Figma, bao gồm các tùy chọn CodeBlock và CodeEditor. Đọc issue 149 trước đây của chatbot PatternFly và tìm hiểu Monaco cùng các component PatternFly có thể hỗ trợ những gì; được coi là hoàn thành khi thống nhất về cách sử dụng component và khớp với giao diện cũng như trải nghiệm mong muốn, bao gồm cả dark mode.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
TypeScript
Star
7
Fork
38
Merge trung bình
4 ngày 9 giờ
Pull request đã merge (30 ngày)
7

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của patternfly/chatbot

Tất cả issue của patternfly/chatbot

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.