Merge pull request #1602 from yann300/ui_macos

Mix - Logs Panel UI improvement

mix/qml/LogsPane.qml

@@ -6,7 +6,9 @@ import org.ethereum.qml.SortFilterProxyModel 1.0
 
 Rectangle
 {
-	property variant currentStatus;
+	property variant currentStatus
+	property int contentXPos: logStyle.generic.layout.dateWidth + logStyle.generic.layout.typeWidth - 70
+
 	function clear()
 	{
 		logsModel.clear();
@@ -117,6 +119,10 @@ Rectangle
 							return cl;
 						}
 
+						Component.onCompleted:
+						{
+							logsPane.contentXPos = logContent.x
+						}
 
 						MouseArea
 						{

mix/qml/StatusPane.qml

@@ -187,6 +187,7 @@ Rectangle {
 				else
 					width = undefined
 			}
+		}
 
 		Button
 		{
@@ -204,11 +205,17 @@ Rectangle {
 			MouseArea {
 				anchors.fill: parent
 				onClicked: {
+					var globalCoord = goToLineBtn.mapToItem(statusContainer, 0, 0);
+					if (mouseX > globalCoord.x
+							&& mouseX < globalCoord.x + goToLineBtn.width
+							&& mouseY > globalCoord.y
+							&& mouseY < globalCoord.y + goToLineBtn.height)
+						goToCompilationError.trigger(goToLineBtn);
+					else
 						logsContainer.toggle();
 				}
 			}
 		}
-		}
 
 		Rectangle
 		{
@@ -297,14 +304,17 @@ Rectangle {
 			{
 				if (logsContainer.state === "opened")
 				{
+					statusContainer.visible = true
 					logsContainer.state = "closed"
 				}
 				else
 				{
+					statusContainer.visible = false
 					logsContainer.state = "opened";
 					logsContainer.focus = true;
 					forceActiveFocus();
-					calCoord();
+					calCoord()
+					move()
 				}
 			}
 
@@ -317,20 +327,29 @@ Rectangle {
 
 			function calCoord()
 			{
+				if (!logsContainer.parent.parent)
+					return
 				var top = logsContainer;
 				while (top.parent)
 					top = top.parent
 				var coordinates = logsContainer.mapToItem(top, 0, 0);
 				logsContainer.parent = top;
 				logsShadow.parent = top;
-				logsContainer.x = status.x + statusContainer.x - logStyle.generic.layout.dateWidth - logStyle.generic.layout.typeWidth + 70
+				top.onWidthChanged.connect(move)
-				logsShadow.x = status.x + statusContainer.x - logStyle.generic.layout.dateWidth - logStyle.generic.layout.typeWidth + 70;
+				top.onHeightChanged.connect(move)
+			}
+
+			function move()
+			{
+				var statusGlobalCoord = status.mapToItem(null, 0, 0);
+				logsContainer.x = statusGlobalCoord.x - logPane.contentXPos
+				logsShadow.x = statusGlobalCoord.x - logPane.contentXPos
 				logsShadow.z = 1
 				logsContainer.z = 2
 				if (Qt.platform.os === "osx")
 				{
-					logsContainer.y = statusContainer.y;
+					logsContainer.y = statusGlobalCoord.y;
-					logsShadow.y = statusContainer.y;
+					logsShadow.y = statusGlobalCoord.y;
 				}
 			}
 
@@ -341,6 +360,10 @@ Rectangle {
 			LogsPane
 			{
 				id: logPane;
+				onContentXPosChanged:
+				{
+					parent.move();
+				}
 			}
 
 			states: [