[Card] Extra margins show when using ripple
- 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
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