diff --git a/src/main/webapp/scripts/project.js b/src/main/webapp/scripts/project.js index 90846c690..c90c32655 100644 --- a/src/main/webapp/scripts/project.js +++ b/src/main/webapp/scripts/project.js @@ -16,22 +16,27 @@ function resize() { ui.menuBarContainer.css("top", header.outerHeight() + "px"); - var facetPanelWidth = 250; + var leftPanelWidth = 300; + var leftPanelMargin = 5; var width = $(window).width(); var top = ui.menuBarContainer.offset().top + ui.menuBarContainer.outerHeight(); var height = footer.offset().top - top; ui.viewPanel .css("top", top + "px") + .css("left", leftPanelWidth + "px") .css("height", height + "px") - .css("left", "0px") - .css("width", (width - facetPanelWidth) + "px"); + .css("width", (width - leftPanelWidth) + "px"); + + ui.leftPanel + .css("top", (top + leftPanelMargin) + "px") + .css("left", leftPanelMargin + "px") + .css("height", (height - 2 * leftPanelMargin) + "px") + .css("width", (leftPanelWidth - 2 * leftPanelMargin) + "px"); - ui.facetPanel - .css("top", top + "px") - .css("height", height + "px") - .css("left", (width - facetPanelWidth) + "px") - .css("width", facetPanelWidth + "px"); + var leftPanelTabsPaddings = ui.leftPanelTabs.outerHeight(true) - ui.leftPanelTabs.innerHeight(); + ui.leftPanelTabs + .height(ui.leftPanel.height() - leftPanelTabsPaddings); var processPanelWidth = 400; ui.processPanel @@ -39,8 +44,18 @@ function resize() { .css("left", Math.floor((width - processPanelWidth) / 2) + "px"); } +function resizeTabs() { + var totalHeight = ui.leftPanelTabs.innerHeight(); + var headerHeight = ui.leftPanelTabs.find(".ui-tabs-nav").outerHeight(true); + var tabPanels = ui.leftPanelTabs.find(".ui-tabs-panel") + var paddings = tabPanels.outerHeight(true) - tabPanels.innerHeight(); + + tabPanels.height(totalHeight - headerHeight - paddings); +} + function resizeAll() { resize(); + resizeTabs(); ui.menuBar.resize(); ui.browsingEngine.resize(); @@ -66,9 +81,17 @@ function initializeUI(uiState) { var body = $("#body").empty().html( '
' + - '' + - '' + '' + + '