[Grid] Add CSS Module, inline prop, and reduce inline styles
Maintainer thường phản hồi trong vòng 1 ngày
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 48/100
- Loại issue
- Tái cấu trúc
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- css, react, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu tại packages/raystack/raystack/components/grid/ và kiểm tra entry point của Grid cùng với triển khai inline-style hiện tại của nó. So sánh pattern styling được các component khác sử dụng, sau đó xác minh rằng CSS Module, CSS custom properties và inline prop bao quát các cải tiến được yêu cầu mà không thay đổi hành vi layout hiện có.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Summary
Grid is a custom layout primitive using Radix Slot for asChild support. Uses all inline styles with no CSS Module.
Improvements
1. Add CSS Module
Grid has no CSS Module — all styles are inline. Add a CSS Module for consistency with other components and to enable design token usage.
2. Use CSS custom properties for dynamic values
Instead of inline styles, use CSS custom properties set via style prop and referenced in the CSS Module. This allows easier theming and override.
4. Add inline prop for inline-grid
No way to use display: inline-grid.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Add displayName (#676)
Files
packages/raystack/raystack/components/grid/
- Ngôn ngữ chính
- TypeScript
- Star
- 70
- Fork
- 13
- Merge trung bình
- 8 ngày 56 phút
- Pull request đã merge (30 ngày)
- 16
Chuẩn bị môi trường
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 raystack/apsara
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 75/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Docs: hand-duplicated props tables drift risk, missing a11y sections, no per-component changelogĐang mởenhancement global
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
Maintainer thường phản hồi trong vòng 1 ngày
-
bug global
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
Maintainer thường phản hồi trong vòng 1 ngày
Tất cả issue của raystack/apsara
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
melgarafael/DeskcommCRM#1812 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
prisma/prisma-cli#309 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
gregwebs/pi-quota-dispatcher#26 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100
openwatersio/slackwater.xyz#124 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
agent-reported area/browser area/docs documentation good first issue hacktoberfest help wanted P2
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
Maintainer thường phản hồi trong vòng 2 ngày