diff --git a/packages/loot-design/src/components/autocomplete-styles.js b/packages/loot-design/src/components/autocomplete-styles.js index c2cbb24842773a0a747c13193fff75d26a109153..11a373716f799f40faef1b0df03132cda11e0075 100644 --- a/packages/loot-design/src/components/autocomplete-styles.js +++ b/packages/loot-design/src/components/autocomplete-styles.js @@ -62,13 +62,22 @@ const colourStyles = { padding: '3px 20px', fontSize: 13, }), - valueContainer: styles => ({ ...styles, padding: 'none' }), + valueContainer: (styles, { isMulti, selectProps }) => ({ + ...styles, + padding: 'none', + overflow: 'visible', + marginTop: isMulti && selectProps.value?.length ? -4 : undefined, + marginBottom: isMulti && selectProps.value?.length ? -4 : undefined, + }), clearIndicator: styles => ({ ...styles, padding: 'none', '> svg': { height: 15, width: 15 }, }), - multiValue: styles => ({ ...styles, backgroundColor: colors.b9 }), + multiValue: styles => ({ + ...styles, + backgroundColor: colors.b9, + }), }; export default colourStyles; diff --git a/upcoming-release-notes/787.md b/upcoming-release-notes/787.md new file mode 100644 index 0000000000000000000000000000000000000000..1ac96a6246449dc024c2a61ea6449d8e4fff1d1b --- /dev/null +++ b/upcoming-release-notes/787.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [MatissJanis] +--- + +New autocomplete: making consistent height between multi/single value inputs