angular / angular/components

bug(mat-icon-button): icon buttons are not baselined with other types of buttons after changing height and width

Ouverte
#27,130 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

area: material/button P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### Is this a regression?

- [x] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

v14

### Description

Icon buttons are not baselined with other types of buttons after changing height and width

v16 (https://stackblitz.com/edit/tzatnc?file=src%2Fstyles.scss,src%2Fapp%2Fbutton-overview-example.css)

![image](https://github.com/angular/components/assets/34937515/443a457f-1c3a-4da5-9e1b-b68c0cc7bf26)

v14 (https://stackblitz.com/edit/hgda6s?file=src%2Fstyles.scss,src%2Fapp%2Fbutton-overview-example.html)

![image](https://github.com/angular/components/assets/34937515/b28d632d-f7bb-4c1a-a4c0-f7df5a40a7e7)

### Reproduction

Steps to reproduce:
1. Open [this stackblitz](https://stackblitz.com/edit/tzatnc?file=src%2Fstyles.scss,src%2Fapp%2Fbutton-overview-example.css)
2. Check the UI

### Expected Behavior

Icon Buttons should be baselined with other buttons

### Actual Behavior

Icon Buttons are not baselined with other buttons

### Environment

- Angular: 16
- CDK/Material: 16
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Reproduisez la mise en page du StackBlitz lié, en commençant par src/styles.scss et src/app/button-overview-example.css, et comparez-la avec l’exemple v14. Confirmez comment les dimensions modifiées des boutons d’icône affectent l’alignement avec les autres types de boutons ; le travail est considéré comme terminé lorsque les boutons d’icône partagent la ligne de base attendue.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular
Domaine
design, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.