diff --git a/QualityControl/public/layout/view/panels/objectTreeSidebar.js b/QualityControl/public/layout/view/panels/objectTreeSidebar.js index ba9b06236..6ecbe619d 100644 --- a/QualityControl/public/layout/view/panels/objectTreeSidebar.js +++ b/QualityControl/public/layout/view/panels/objectTreeSidebar.js @@ -38,12 +38,11 @@ export default (model) => } return [ searchForm(model), - h( - '.scroll-y', + h('.flex-column.flex-grow', {}, [ searchInput.trim() !== '' ? virtualTable(model, 'side', objectsToDisplay) - : treeTable(model), - ), + : h('.scroll-y', treeTable(model)), + ]), objectPreview(model), ]; }, diff --git a/QualityControl/public/object/objectTreePage.js b/QualityControl/public/object/objectTreePage.js index 1a82cd81c..c3a608f5d 100644 --- a/QualityControl/public/object/objectTreePage.js +++ b/QualityControl/public/object/objectTreePage.js @@ -62,7 +62,7 @@ export default (model) => { qcObject.name.toLowerCase().includes(searchInput.toLowerCase())); return h('.flex-column.flex-grow', [ actionablesHeaderGroup(model.object), - virtualTable(model, 'side', objectsToDisplay), + virtualTable(model, 'main', objectsToDisplay), ]); } return h('', [ diff --git a/QualityControl/public/object/virtualTable.js b/QualityControl/public/object/virtualTable.js index 29ebda4d4..07438043b 100644 --- a/QualityControl/public/object/virtualTable.js +++ b/QualityControl/public/object/virtualTable.js @@ -29,7 +29,6 @@ export default function virtualTable(model, location = 'main', objects = []) { FONT = location === 'side' ? '.f6' : ''; return h('.flex-grow.flex-column', { }, [ - location !== 'side' && tableHeader(), h( '.scroll-y.animate-width', tableContainerHooks(model), @@ -94,16 +93,6 @@ const objectFullRow = (model, item, location) => ]), ]); -/** - * Create a table header separately so that it does not get included - * in the virtual list scrolling events - * @returns {vnode} - virtual node element - */ -const tableHeader = () => - h('table.table.table-sm.text-no-select', { - style: 'margin-bottom:0', - }, h('thead', [h('tr', [h('th', 'Name')])])); - /** * Set styles of the floating table and its position inside the big div .tableLogsContentPlaceholder * @param {Model} model - root model of the application