angular / angular/components

[Card] Extra margins show when using ripple

Abierto
#10,898 14 comentarios 8 reacciones 0 asignados Ver en GitHub
area: material/card area: material/core P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

When `matRipple` is added to a ``, the card expands on click.

Reproduction: https://stackblitz.com/edit/angular-1mherw?file=app/card-overview-example.html

This is due to the styling rule that says every element in the card except for the last should have bottom margin. When the ripple is added, the last element is no longer last and so it gains the margin bottom.

https://github.com/angular/material2/blob/master/src/lib/card/card.scss#L190

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la regla de estilo cerca de src/lib/card/card.scss#L190 y usa la reproducción vinculada de StackBlitz para observar la expansión de la tarjeta cuando se añade matRipple a mat-card. La corrección estará terminada cuando la tarjeta ya no obtenga un margen inferior adicional ni se expanda al hacer clic, manteniendo el comportamiento de espaciado existente de la tarjeta.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular
Área
frontend
Tipo de issue
Error
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
38/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.