angular / angular/components

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

Offen
#27,130 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/button P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### 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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere das Layout im verlinkten StackBlitz, beginnend mit src/styles.scss und src/app/button-overview-example.css, und vergleiche es mit dem v14-Beispiel. Bestätige, wie sich die geänderten Abmessungen von Icon-Buttons auf die Ausrichtung mit anderen Button-Typen auswirken; abgeschlossen ist die Aufgabe, wenn Icon-Buttons dieselbe erwartete Grundlinie verwenden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular
Bereich
design, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.