material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-11 13:46:10 +03:00
Code Issues Projects Releases Wiki Activity

fix(list,menu,select): update layout tokens to latest values and fix targets

Browse Source 
The layout for the end padding in listitem has changed to 24px, and i realized that I had tokens pointing to the wrong values, so I fixed that too.

PiperOrigin-RevId: 549469035
This commit is contained in:
Elliott Marquez 2023-07-19 17:16:49 -07:00 committed by Copybara-Service
parent 7760021f38
commit e9ef7ec5b4
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
list/lib/listitem/_list-item.scss
View File

@ -88,7 +88,9 @@
.content-wrapper {
display: flex;
width: 100%;
box-sizing: border-box;
border-radius: inherit;
padding-inline-end: var(--_list-item-trailing-space);
}
md-ripple {
@ -135,7 +137,6 @@
box-sizing: border-box;
flex: 1 0 0;
padding-inline-start: var(--_list-item-leading-space);
padding-inline-end: var(--_list-item-trailing-space);
z-index: 1;
}
@ -153,7 +154,7 @@
slot[name='end']::slotted(*),
.trailing-supporting-text {
margin-inline-end: var(
margin-inline-start: var(
--_list-item-trailing-element-headline-trailing-element-space
);
}

2
tokens/_md-comp-list-item.scss
View File

@ -155,7 +155,7 @@ $_default: (
// 'list-item-leading-item-bottom-space': if($exclude-hardcoded-values, null, 8px),
// 'list-item-leading-video-bottom-space': if($exclude-hardcoded-values, null, 0px),
'list-item-trailing-element-headline-trailing-element-space': 16px,
'list-item-trailing-space': if($exclude-hardcoded-values, null, 16px),
'list-item-trailing-space': if($exclude-hardcoded-values, null, 24px),
// go/keep-sorted end
);
}