diff --git a/Globals.js b/Globals.js index 3727148bc..c153385b2 100644 --- a/Globals.js +++ b/Globals.js @@ -158,8 +158,8 @@ maxDate.setDate(maxDate.getDate() + 365 * 1); // We might have charts that proj const MIN_PLOTABLE_DATE = new Date(2015, 0, 1, 0, 0, 0); const MAX_PLOTABLE_DATE = maxDate; -const TOP_SPACE_HEIGHT = 5; -const COCKPIT_SPACE_HEIGHT = 40; +const TOP_SPACE_HEIGHT = 2 +const COCKPIT_SPACE_HEIGHT = 30; const BREAKPOINT_HEIGHT = 15; const SIDE_PANEL_WIDTH = 450 let COCKPIT_SPACE_POSITION = browserCanvas.height - COCKPIT_SPACE_HEIGHT @@ -184,10 +184,6 @@ const PERIOD_10_MIN = "10-min"; const PERIOD_05_MIN = "05-min"; const PERIOD_01_MIN = "01-min"; - - - - /* We define here the size of the chartSpace. It has to bee enough big in order to accomodate all the charts we expect to display in this space. */ diff --git a/Spaces/ChartSpace.js b/Spaces/ChartSpace.js index 61f5858ce..3d6c52e41 100644 --- a/Spaces/ChartSpace.js +++ b/Spaces/ChartSpace.js @@ -185,8 +185,8 @@ function newChartSpace () { } } - if (point.y < 0) { - returnPoint.y = 0 + if (point.y < TOP_SPACE_HEIGHT) { + returnPoint.y = TOP_SPACE_HEIGHT } return returnPoint diff --git a/Spaces/CockpitSpace.js b/Spaces/CockpitSpace.js index b93494d0f..5df695dab 100644 --- a/Spaces/CockpitSpace.js +++ b/Spaces/CockpitSpace.js @@ -183,7 +183,7 @@ y: 0 } - const RED_LINE_HIGHT = 5 + const RED_LINE_HIGHT = 2 zeroPoint = thisObject.container.frame.frameThisPoint(zeroPoint) diff --git a/Spaces/TopSpace.js b/Spaces/TopSpace.js index ed96650ac..83fc1432f 100644 --- a/Spaces/TopSpace.js +++ b/Spaces/TopSpace.js @@ -59,7 +59,7 @@ function newTopSpace () { browserCanvasContext.beginPath() browserCanvasContext.rect(0, 0, thisObject.container.frame.width, thisObject.container.frame.height) - browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.RUSTED_RED + ', ' + opacity + ')' + browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.PATINATED_TURQUOISE + ', ' + opacity + ')' browserCanvasContext.closePath()