Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit 9158589

Browse files
devversionThomasBurleson
authored andcommitted
fix(list): item-inner should be not wider than the container
* List Item Content should be not wider than the container, this will cause overflow issues * Background Color of the Button Wrap should not inherit its parent, otherwise the text will be unreadable, if the button overlays with a fixed background color Fixes #7551. Fixes #7525. Closes #7531.
1 parent dfa0a0c commit 9158589

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

src/components/list/list.scss

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -138,11 +138,13 @@ md-list-item {
138138
align-items: center;
139139
justify-content: flex-start;
140140

141-
padding: 0;
141+
padding: 0 16px;
142142
margin: 0;
143143

144+
// The button should not inherit the parents background color.
145+
background-color: initial;
146+
144147
font-weight: 400;
145-
background-color: inherit;
146148
@include rtl(text-align, left, right);
147149
border: medium none;
148150

@@ -151,16 +153,16 @@ md-list-item {
151153
position: absolute;
152154
top: 0;
153155
left: 0;
156+
height: 100%;
154157

155158
margin: 0;
156159
padding: 0;
157-
height: 100%;
158160
}
159161

160162
._md-list-item-inner {
161163
// The list item content should fill the complete width.
162-
flex: 1 1 auto;
163-
padding: 0 16px;
164+
width: 100%;
165+
height: 100%;
164166
}
165167

166168
}

0 commit comments

Comments
 (0)