patternfly-react icon indicating copy to clipboard operation
patternfly-react copied to clipboard

Consume core updates: Dual list selector ( Follow up to issue)

Open tlabaj opened this issue 1 year ago • 5 comments

Follow up to core issue https://github.com/patternfly/patternfly/issues/5741

tlabaj avatar Jan 16 '24 22:01 tlabaj

No react changes required.

kmcfaul avatar Feb 20 '24 16:02 kmcfaul

@patternfly/design-reviewers @patternfly/core-in-react-reviewers

Could we get design+core eyes to ensure DualListSelector (current version) looks good on the react side?

kmcfaul avatar Feb 20 '24 16:02 kmcfaul

LGTM! I have a question below:

One thing I look for is if we reference any CSS vars in the react component, and make sure whatever that's doing still works as expected. I see we're importing a react-token to get the CSS var name for a menu's min-height, and setting that var here and here to the value of the prop listMinHeight. But I'm not sure how to test that prop 😅 Can someone validate that still works as expected?

mcoker avatar Feb 21 '24 02:02 mcoker

@mcoker The listMinHeight is only available in the composable DualListSelector example (because it's passed directly to the DualListSelectorPane), which the example sets both to "300px". If both panes have the prop set that will change the overall minimum height.

The --pf-v5-c-dual-list-selector__menu--MinHeight token is what is getting set by the prop.

kmcfaul avatar Feb 21 '24 15:02 kmcfaul

Just need design once-over @patternfly/design-reviewers

kmcfaul avatar Feb 28 '24 21:02 kmcfaul