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:
Kristiyan Kostadinov
2016-12-07 02:51:28 +01:00
committed by mmalerba
parent 539e44e9e8
commit 27f9c99ad5
+3
View File
@@ -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;