angular / angular/components

[Tabs] Header with icon+text not vertically aligned

Offen
#10,141 8 Kommentare 5 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/tabs P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Bug, feature request, or proposal:
Tab with Icon and Text label not aligned vertically center, currently aligned bottom

#### What is the expected behavior?
Expect to align text and icon in middle. (as In Button with Icon and Label)
Tab Label and Icon are aligned in
screen shot 2018-02-25 at 8 56 32 pm

#### What is the current behavior?
Tab with Icon and Text label not aligned vertically center, currently aligned bottom

#### What are the steps to reproduce?
Providing a StackBlitz reproduction is the *best* way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

https://stackblitz.com/angular/rlqokrmnevel?file=app%2Ftabs-template-label-example.html

```


attach_file Attach File


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue.
#### What is the use-case or motivation for changing an existing behavior?

```

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@5.2.2

#### Is there anything else we should know?

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie mit der verknüpften StackBlitz-Reproduktion und untersuchen Sie das mat-tab-label-Template, das mat-icon und den Text Attach File enthält. Vergleichen Sie seine Ausrichtung mit dem gemeldeten Schaltflächenverhalten und überprüfen Sie anschließend, dass das Symbol und die Beschriftung vertikal zentriert sind, ohne das Verhalten des Tab-Inhalts zu ändern.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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