ionic-team / ionic-team/ionic-framework
feat(ion-modal): break point class & values
- 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
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