ionic-team / ionic-team/ionic-framework

feat(ion-modal): break point class & values

Đang mở
#30,562 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
triage
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 14 giờ
Pull request đã merge (30 ngày)
50

Mô tả

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already include this feature request, without success.

### Describe the Feature Request

Add the breakpoint as a class name of the ion-modal.

### Describe the Use Case

As my app use border-radius, I had to apply the same to the modal _to keep it consistent_.

But when the modal it at the `1` breakpoint, I would like to remove the border-radius.

### Describe Preferred Solution

having a `breakpoint-[value]` class name, which will contain the value of the different possible breakpoint

### Describe Alternatives

Also possible to have only if the `ion-modal` is actually overflowing or not

```
nativeElement.scrollHeight > nativeElement.clientHeight
```

### Related Code

I could propose a PR if wished

### Additional Information

_No response_

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

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

Hướng nghiên cứu

Bắt đầu bằng cách xác định component ion-modal và cách xử lý breakpoint của nó. Xem lại cách các giá trị breakpoint được biểu diễn và cách các class của modal được gán. Hoàn thành khi modal cung cấp class breakpoint-[value] phản ánh breakpoint đang hoạt động và hỗ trợ việc định kiểu như thay đổi border-radius.

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

Đánh giá

Công nghệ
typescript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ 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
45/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.