refactor(material/list): list item truncates on narrow screen widths

essjay05 · essjay05 · commit b30264499ca1 · 2024-06-07T19:18:18.000Z
Updates the previous Angular Components List component fix to
more closely align with previous screenshots and  avoid
additional screenshot test failures.

Fixes b/291296866
diff --git a/src/material/list/list.scss b/src/material/list/list.scss
@@ -171,7 +171,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: 16px;
+  padding-bottom: 8px;
 }
 
 .mat-mdc-list-item.mdc-list-item--with-three-lines,

Original file line number	Diff line number	Diff line change
`@@ -171,7 +171,7 @@ a.mdc-list-item--activated {`
`171`	`171`	`.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-three-lines,`
`172`	`172`	`.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-three-lines {`
`173`	`173`	`height: auto;`
`174`		`- padding-bottom: 16px;`
	`174`	`+ padding-bottom: 8px;`
`175`	`175`	`}`
`176`	`176`
`177`	`177`	`.mat-mdc-list-item.mdc-list-item--with-three-lines,`