mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(list): prevent list item wrapper elements from collapsing (#2075)
Adds a `display: block` to the list items, in order to prevent them from collapsing. This allows users to set a custom background directly on the list item. Fixes #2012.
This commit is contained in:
committed by
mmalerba
parent
539e44e9e8
commit
27f9c99ad5
@@ -31,6 +31,9 @@ $md-dense-three-line-height: 76px;
|
||||
@mixin md-list-item-base($font-size, $base-height, $avatar-height,
|
||||
$two-line-height, $three-line-height) {
|
||||
|
||||
// Prevents the wrapper `md-list-item` from collapsing due to it being `inline` by default.
|
||||
display: block;
|
||||
|
||||
.md-list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
Reference in New Issue
Block a user