bug(matIcon): not inline well in Dialog Title
- 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ả
#### Reproduction
Use any StackBlitz link at https://material.angular.io/components/dialog/examples
Then past the following:
```html
error Favorite Animal
OOKKerror
```
#### Expected Behavior
automatically sizing the icon to match the font size of the element the icon is contained in.
#### Actual Behavior
Icon is rendered well in dialog content, but not in dialog title. And worse, the top and the bottom of the icon gets truncated a little bit.
#### Environment
- Angular: 10.1.1
- CDK/Material: 10.2.1
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
Hướng dẫn đóng góp
Hướng nghiên cứu
Tái hiện vấn đề trong một ví dụ StackBlitz từ các ví dụ dialog của Angular Material bằng cách sử dụng markup mat-dialog-title và mat-icon được cung cấp. So sánh biểu tượng trong tiêu đề dialog với biểu tượng trong nội dung dialog, sau đó truy vết các entry point mat-icon và dialog-title; hoàn tất khi biểu tượng inline khớp với cỡ phông chữ xung quanh mà phần trên hoặc phần dưới không bị cắt.
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
- 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
- 45/100