fix(material/list): list truncates on narrow width screens

essjay05 · essjay05 · commit dff207f9fc1d · 2024-05-22T22:17:41.000Z
Fixes bottom padding beneath Antular Components List item with
leading avatar to provide a similar space as exists above the
list item.

Fixes b/291296866
diff --git a/src/material/list/list.scss b/src/material/list/list.scss
@@ -176,7 +176,7 @@ a.mdc-list-item--activated {
 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-three-lines,
 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-three-lines {
   height: auto;
-  padding-bottom: 8px;
+  padding-bottom: 12px;
 }
 
 .mat-mdc-list-item.mdc-list-item--with-three-lines,

Original file line number	Diff line number	Diff line change
`@@ -176,7 +176,7 @@ a.mdc-list-item--activated {`
`176`	`176`	`.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-three-lines,`
`177`	`177`	`.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-three-lines {`
`178`	`178`	`height: auto;`
`179`		`- padding-bottom: 8px;`
	`179`	`+ padding-bottom: 12px;`
`180`	`180`	`}`
`181`	`181`
`182`	`182`	`.mat-mdc-list-item.mdc-list-item--with-three-lines,`