BackgroundImage - full page cover variant with theme support

Đang mở

#12,390 mở ngày 29/4/2026 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ó: 4/5
Thời gian dự kiến: 3-5 ngày
Mức phù hợp với người mới: 58/100

Loại issue: Tính năng
Độ rõ ràng: Khá rõ ràng
Mức độ hoạt động: Ít trao đổi
Công nghệ: react, typescript
Lĩnh vực: frontend

Hướng nghiên cứu

Bắt đầu với component BackgroundImage hiện có và các yêu cầu trong issue tiếp theo #8350. Xác định cách biến thể cover toàn trang và các override theo từng theme phù hợp với API hiện tại, sau đó kiểm tra các ví dụ Compass hiện đang đặt background trên html. Công việc được xem là hoàn tất khi biến thể mới và các override theme được liệt kê hoạt động, đồng thời Compass được cập nhật nếu issue tiếp theo này được bao gồm.

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

Mô tả

PF Team Stale

Follow-up to https://github.com/patternfly/patternfly/issues/8350

Add new variant for full page BackgroundImage.
Add new prop for per-theme background overrides:

light-default
dark-default
light-felt
dark-felt
HC-light-default
HC-dark-default
HC-light-felt
HC-dark-felt
light-glass
dark-glass
light-felt-glass
dark-felt-glass

Could be a follow up - update Compass examples to use BackgroundImage instead of setting background image via style on html.

Jira Issue: PF-4078

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
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.
Fork repository và làm thay đổi trên một nhánh.
Mở pull request có tham chiếu số hiệu của issue.

Issue khác của patternfly/patternfly-react

Bug - Label - Doesn't allow ref forwarding Đang mở

PF Team

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100

patternfly/patternfly-react#12651 · Mở ngày 14/9/2026
Bug - [Menu] - Flyout stays open when hovering a disabled item Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100

patternfly/patternfly-react#12637 · Mở ngày 2/9/2026
Table - support for small toggle using ActionsColumn Đang mở

PF Team

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100

patternfly/patternfly-react#12617 · 1 bình luận · Mở ngày 13/8/2026
Toolbar - add support for item minWidths Đang mở

PF Team

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100

patternfly/patternfly-react#12610 · 1 bình luận · 1 reaction · Mở ngày 3/8/2026
Bug - [LoginForm] - `autoComplete` is not exposed and cannot be defined in the LoginForm. Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100

patternfly/patternfly-react#12600 · Mở ngày 28/7/2026

Tất cả issue của patternfly/patternfly-react

Issue tương tự

ls -i / --inode not supported ("invalid option -- i"), breaks autoconf's `ls -di .` working-directory check Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100

vercel-labs/just-bash#464 · Mở ngày 24/9/2026
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100

garrytan/gbrain#5421 · Mở ngày 24/9/2026
Passer le formulaire de publication en BAL 1.5 par défaut Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100

BaseAdresseNationale/adresse.data.gouv.fr#2583 · Mở ngày 24/9/2026
🎙️ task - fix(tests-node): the shipped catch ships cause error where error is unknown Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100

ehmpathy/declapract-typescript-ehmpathy#632 · Mở ngày 24/9/2026
Search modal renders beneath the open AI dock (shared --z-overlay) Đang mở

Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100

TanStack/tanstack.com#1293 · Mở ngày 24/9/2026

Thêm issue về TypeScript