angular / angular/components

bug(mdc-card): Negative margin on subtitle

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

Beschreibung

### Is this a regression?

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

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

_No response_

### Description

The card subtitle has a negative margin, causing it to run into the card title

### Reproduction

https://stackblitz.com/edit/angular-wro35c-pjrlt2?file=src%2Fapp%2Fcard-subtitle-example.html

### Expected Behavior

Should look more spaced

### Actual Behavior

Shouldnt run into each other

### Environment

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verknüpften StackBlitz-Reproduktion, insbesondere mit src/app/card-subtitle-example.html, und überprüfe die Überlappung von Untertitel und Titel. Verfolge die Angular Material MDC-Card-Subtitle-Formatierung, die den negativen Rand erzeugt. Die Aufgabe ist erledigt, wenn der Untertitel einen sichtbaren Abstand zum Titel hat und die Reproduktion nicht mehr zeigt, dass sie ineinanderlaufen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
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.