angular / angular/components

Linear stepper shows edit icons instead of done icons

Đang mở
#8,997 20 bình luận 18 reaction 0 người được giao Xem trên GitHub
area: cdk/stepper G P4
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

#### Bug:
Stepper shows edit icons instead of "done" icons

#### What is the expected behavior?
Completed steps should have a "done" icon on a linear stepper.

#### What is the current behavior?
Completed steps show an edit icon

#### What are the steps to reproduce?
https://angular-19juam.stackblitz.io
1. Fill step 1
2. Click Next
3. Notice icon on label

#### What is the use-case or motivation for changing an existing behavior?
The checkmark makes it easier to understand that a step is done. Perhaps the edit icon is still useful for `:hover` and `:focus`. Or perhaps the edit icon would work better on a non-linear stepper.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Current build: 5.0.0-rc.3-05d726d

#### Is there anything else we should know?
On the issue #7260, it was marked as fixed but the stepper doesn't meet the material guidelines yet, and this is one of the reasons why.

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

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

Hướng nghiên cứu

Bắt đầu với bản tái hiện StackBlitz được liên kết và tiếp tục theo linear stepper sau khi hoàn thành bước 1. Xác nhận rằng các bước đã hoàn thành hiển thị biểu tượng "done" thay vì biểu tượng chỉnh sửa, đồng thời xem xét ghi chú của issue về hành vi khi hover và focus. Done có nghĩa là biểu tượng của bước đã hoàn thành khớp với hành vi Material Design được mong đợi.

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

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
design, frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
38/100

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.