ionic-team / ionic-team/ionic-framework
bug: The ion-no-padding class is not overriding the ion-list padding
Chưa có ai nhận issue này.
- 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 report this problem, without success.
### Ionic Framework Version
v8.x
### Current Behavior
The ion-no-padding class is not overriding the ion-list padding

### Expected Behavior
When setting the class ion-no-padding it should not have padding.
### Steps to Reproduce
See the CSS in the example: https://stackblitz.com/edit/wdmx2ux4?file=src%2Fapp%2Fexample.component.html
### Code Reproduction URL
https://stackblitz.com/edit/wdmx2ux4?file=src%2Fapp%2Fexample.component.html
### Ionic Info
```
Ionic:
Ionic CLI : 7.2.1
Ionic Framework : @ionic/angular 8.6.2
@angular-devkit/build-angular : not installed
@angular-devkit/schematics : 19.2.14
@angular/cli : 20.0.4
@ionic/angular-toolkit : 12.2.0
Capacitor:
Capacitor CLI : 7.4.0
@capacitor/android : 7.4.0
@capacitor/core : 7.4.0
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v22.13.1
npm : 11.4.2
OS : Windows 10
```
### Additional Information
_No response_
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.
Hướng nghiên cứu
Mở bản tái hiện StackBlitz được liên kết và bắt đầu với src/app/example.component.html, sau đó kiểm tra các kiểu được tính toán của ion-list và ion-no-padding. Xác nhận quy tắc padding xung đột và xác minh rằng bản tái hiện không hiển thị padding khi lớp được áp dụng.
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, css, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 48/100