mat-card-(sub)title wrong margin #19069
Assignees
Labels
area: material/card
P3
An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Comments
crisbeto
added
has pr
P3
crisbeto
added a commit
to crisbeto/material2
that referenced
this issue
Apr 14, 2020
The card header margin was set up assuming that there would always be an avatar element, but that's not always the case. These changes add an extra check to avoid the extra margin. Fixes angular#19069.
crisbeto
added a commit
to crisbeto/material2
that referenced
this issue
Apr 17, 2020
The card header margin was set up assuming that there would always be an avatar element, but that's not always the case. These changes add an extra check to avoid the extra margin. Fixes angular#19069.
crisbeto
added a commit
to crisbeto/material2
that referenced
this issue
Apr 17, 2020
The card header margin was set up assuming that there would always be an avatar element, but that's not always the case. These changes add an extra check to avoid the extra margin. Fixes angular#19069.
crisbeto
added a commit
to crisbeto/material2
that referenced
this issue
Apr 2, 2021
The card header margin was set up assuming that there would always be an avatar element, but that's not always the case. These changes add an extra check to avoid the extra margin. Fixes angular#19069.
crisbeto
added a commit
to crisbeto/material2
that referenced
this issue
May 4, 2021
The card header margin was set up assuming that there would always be an avatar element, but that's not always the case. These changes add an extra check to avoid the extra margin. Fixes angular#19069.
crisbeto
added a commit
to crisbeto/material2
that referenced
this issue
May 4, 2021
…esn't have an avatar The card header margin was set up assuming that there would always be an avatar element, but that's not always the case. These changes add an extra check to avoid the extra margin. Fixes angular#19069.
|
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
forsti0506
pushed a commit
to forsti0506/components
that referenced
this issue
Apr 3, 2022
…esn't have an avatar (angular#19072) The card header margin was set up assuming that there would always be an avatar element, but that's not always the case. These changes add an extra check to avoid the extra margin. Fixes angular#19069.
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Bug, feature request, or proposal:
when using mat-card with a mat-card-(sub)title but without a mat-card-avatar, then the title still has a left margin and is not aligned with the content text.
What is the expected behavior?
The title and content text should be aligned like show here https://material.io/components/cards when checking the "Supporting text" box.
What is the current behavior?
The title is not aligned with the content text. (title has a margin left, but content doesn't)
What are the steps to reproduce?
https://stackblitz.com/edit/angular-card-header-bug
What is the use-case or motivation for changing an existing behavior?
It looks wrong and doesn't follow the material design guide.
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
I tested it with the following:
angular 9.1
angular material 9.2
Windows 10
Typescript 3.8
Chrome and Firefox
Is there anything else we should know?
The text was updated successfully, but these errors were encountered: