Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix multiselect menu UI issues.

Browse source
This commit is contained in:
devanshu052000 2025-04-02 23:38:14 +05:30
parent 53a20dc19f
commit 65530d961b
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/Editor/Components/DropdownV2/CustomMenuList.jsx
View file

@ -103,11 +103,9 @@ const CustomMenuList = ({ selectProps, ...props }) => {
{!optionsLoadingState && (
<div
ref={parentRef}
className="dropdown-multiselect-widget-custom-menu-list-body"
style={{
maxHeight: selectProps.maxMenuHeight || 300,
overflowY: 'auto',
position: 'relative',
padding: '5px 0',
}}
>
<div

7
frontend/src/Editor/Components/DropdownV2/dropdownV2.scss
View file

@ -0,0 +1,7 @@
.dropdown-multiselect-widget-custom-menu-list-body {
overflow-y: auto;
position: relative;
padding: 5px 0;
background-color: var(--surfaces-surface-01) !important;
border-radius: 0 0 8px 8px;
}

1
frontend/src/Editor/Components/MultiselectV2/MultiselectV2.jsx
View file

@ -431,6 +431,7 @@ export const MultiselectV2 = ({
menu: (provided) => ({
...provided,
marginTop: '5px',
borderRadius: '8px',
}),
};
const _width = (labelWidth / 100) * 70; // Max width which label can go is 70% for better UX calculate width based on this value