The sl-details-panel restyling recently went in, and some apps use nimble-select and nimble-combobox controls in their details-panels. These dropdown controls were set with min-width:250px, and couldn't resize correctly down to 176px.
Before:
After:
๐ฉโ๐ป Implementation
Set the dropdown min-width to the menuMinWidth token (176px)
Updated Select and Combobox stories, so those instances didn't change sizes
๐งช Testing
Manual testing of CSS changes with Work Orders app
Storybook review
Relying on Chromatic
โ Checklist
[x] I have updated the project documentation to reflect my changes or determined no changes are needed.
Pull Request
๐คจ Rationale
The
sl-details-panel
restyling recently went in, and some apps usenimble-select
andnimble-combobox
controls in their details-panels. These dropdown controls were set withmin-width:250px
, and couldn't resize correctly down to 176px.Before:![image](https://github.com/ni/nimble/assets/1458528/bbfe44de-761e-4641-bf96-800fb15a1f1f)
After:![image](https://github.com/ni/nimble/assets/1458528/89b2af79-547e-4ad0-8b6f-cff3a89d0a85)
๐ฉโ๐ป Implementation
๐งช Testing
โ Checklist