diff --git a/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.module.css b/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.module.css index 8c6dc96feb..ac6d7ab5ec 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.module.css +++ b/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.module.css @@ -29,17 +29,9 @@ position: relative; } - & .itemIcon { - position: relative; + & .iconOrImage { width: 16px; height: 16px; - overflow: hidden; - flex-shrink: 0; - - & .iconOrImage { - width: 100%; - height: 100%; - } } } diff --git a/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.tsx b/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.tsx index 78f7aa294b..9e4e0a2e88 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.tsx +++ b/webapp/packages/core-blocks/src/FormControls/InputField/InputAutocompletionMenu.tsx @@ -100,11 +100,7 @@ export const InputAutocompletionMenu = observer( className={styles['menuItem']} onClick={event => handleSelect(item)} > - {item.icon && ( - - - - )} + {item.icon && } {item.displayString} ))} diff --git a/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx b/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx index cbc5c40dd4..226beb6ab3 100644 --- a/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx +++ b/webapp/packages/core-ui/src/InlineEditor/InlineEditor.tsx @@ -173,7 +173,7 @@ export const InlineEditor = observer( )} - + ); }), diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx index ecdfc0673b..e16612279b 100644 --- a/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx +++ b/webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableWhereFilter.tsx @@ -28,6 +28,7 @@ export const TableWhereFilter: PlaceholderComponent ({ + title: column.label || '', + displayString: column.label || '', + replacementString: column.label || '', + icon: column.icon || '', + })); + }, get constraints() { const model = this.model as any; if (!model.source.hasResult(this.resultIndex) || !isResultSetDataModel(model)) { @@ -84,6 +111,8 @@ export function useWhereFilter(model: IDatabaseDataModel, resultIndex: number): model: observable.ref, resultIndex: observable.ref, filter: computed, + columns: computed, + hintProposals: computed, constraints: computed, disabled: computed, applicableFilter: computed,