Fix bad display if system font too big #1336

mix/qml/LogsPane.qml

@@ -146,10 +146,13 @@ Rectangle
 
 
 						DefaultLabel {
+							id: dateLabel
 							text: date;
 							font.family: logStyle.generic.layout.logLabelFont
 							width: logStyle.generic.layout.dateWidth
 							font.pointSize: appStyle.absoluteSize(-1)
+							clip: true
+							elide: Text.ElideRight
 							anchors.left: parent.left
 							anchors.leftMargin: 15
 							anchors.verticalCenter: parent.verticalCenter
@@ -160,11 +163,14 @@ Rectangle
 
 						DefaultLabel {
 							text: type;
+							id: typeLabel
 							font.family: logStyle.generic.layout.logLabelFont
 							width: logStyle.generic.layout.typeWidth
+							clip: true
+							elide: Text.ElideRight
 							font.pointSize: appStyle.absoluteSize(-1)
-							anchors.left: parent.left
-							anchors.leftMargin: 100
+							anchors.left: dateLabel.right
+							anchors.leftMargin: 2
 							anchors.verticalCenter: parent.verticalCenter
 							color: {
 								parent.getColor(level);
@@ -179,8 +185,8 @@ Rectangle
 							font.pointSize: appStyle.absoluteSize(-1)
 							anchors.verticalCenter: parent.verticalCenter
 							elide: Text.ElideRight
-							anchors.left: parent.left
-							anchors.leftMargin: 230
+							anchors.left: typeLabel.right
+							anchors.leftMargin: 2
 							color: {
 								parent.getColor(level);
 							}
@@ -242,6 +248,8 @@ Rectangle
 				width: 40
 				DefaultLabel
 				{
+					width: 40
+					elide: Text.ElideRight
 					anchors.verticalCenter: parent.verticalCenter
 					color: logStyle.generic.layout.logLabelColor
 					font.pointSize: appStyle.absoluteSize(-3)
@@ -268,7 +276,7 @@ Rectangle
 				id: javascriptButton
 				checkable: true
 				height: logStyle.generic.layout.headerButtonHeight
-				width: 20
+				width: 30
 				anchors.verticalCenter: parent.verticalCenter
 				checked: true
 				onCheckedChanged: {
@@ -279,12 +287,22 @@ Rectangle
 					ButtonStyle {
 					label:
 						Item {
-						DefaultLabel {
-							font.family: logStyle.generic.layout.logLabelFont
-							font.pointSize: appStyle.absoluteSize(-3)
-							color: logStyle.generic.layout.logLabelColor
+						Rectangle
+						{
+							width: labelJs.width
+							height: labelJs.height
 							anchors.centerIn: parent
-							text: qsTr("JS")
+							color: "transparent"
+							DefaultLabel {
+								id: labelJs
+								width: 15
+								elide: Text.ElideRight
+								anchors.horizontalCenter: parent.horizontalCenter
+								font.family: logStyle.generic.layout.logLabelFont
+								font.pointSize: appStyle.absoluteSize(-3)
+								color: logStyle.generic.layout.logLabelColor
+								text: qsTr("JS")
+							}
 						}
 					}
 					background:
@@ -312,7 +330,7 @@ Rectangle
 				id: runButton
 				checkable: true
 				height: logStyle.generic.layout.headerButtonHeight
-				width: 30
+				width: 40
 				anchors.verticalCenter: parent.verticalCenter
 				checked: true
 				onCheckedChanged: {
@@ -323,12 +341,22 @@ Rectangle
 					ButtonStyle {
 					label:
 						Item {
-						DefaultLabel {
-							font.family: logStyle.generic.layout.logLabelFont
-							font.pointSize: appStyle.absoluteSize(-3)
-							color: logStyle.generic.layout.logLabelColor
+						Rectangle
+						{
+							width: labelRun.width
+							height: labelRun.height
 							anchors.centerIn: parent
-							text: qsTr("Run")
+							color: "transparent"
+							DefaultLabel {
+								id: labelRun
+								width: 25
+								anchors.horizontalCenter: parent.horizontalCenter
+								elide: Text.ElideRight
+								font.family: logStyle.generic.layout.logLabelFont
+								font.pointSize: appStyle.absoluteSize(-3)
+								color: logStyle.generic.layout.logLabelColor
+								text: qsTr("Run")
+							}
 						}
 					}
 					background:
@@ -357,7 +385,7 @@ Rectangle
 				checkable: true
 				height: logStyle.generic.layout.headerButtonHeight
 				anchors.verticalCenter: parent.verticalCenter
-				width: 35
+				width: 40
 				checked: true
 				onCheckedChanged: {
 					proxyModel.toogleFilter("state")
@@ -367,12 +395,22 @@ Rectangle
 					ButtonStyle {
 					label:
 						Item {
-						DefaultLabel {
-							font.family: logStyle.generic.layout.logLabelFont
-							font.pointSize: appStyle.absoluteSize(-3)
-							color: logStyle.generic.layout.logLabelColor
+						Rectangle
+						{
+							width: labelState.width
+							height: labelState.height
 							anchors.centerIn: parent
-							text: qsTr("State")
+							color: "transparent"
+							DefaultLabel {
+								id: labelState
+								width: 30
+								anchors.horizontalCenter: parent.horizontalCenter
+								elide: Text.ElideRight
+								font.family: logStyle.generic.layout.logLabelFont
+								font.pointSize: appStyle.absoluteSize(-3)
+								color: logStyle.generic.layout.logLabelColor
+								text: qsTr("State")
+							}
 						}
 					}
 					background:
@@ -411,12 +449,22 @@ Rectangle
 					ButtonStyle {
 					label:
 						Item {
-						DefaultLabel {
-							font.family: logStyle.generic.layout.logLabelFont
-							font.pointSize: appStyle.absoluteSize(-3)
-							color: logStyle.generic.layout.logLabelColor
+						Rectangle
+						{
+							width: labelDeploy.width
+							height: labelDeploy.height
 							anchors.centerIn: parent
-							text: qsTr("Deploy.")
+							color: "transparent"
+							DefaultLabel {
+								width: 40
+								id: labelDeploy
+								anchors.horizontalCenter: parent.horizontalCenter
+								elide: Text.ElideRight
+								font.family: logStyle.generic.layout.logLabelFont
+								font.pointSize: appStyle.absoluteSize(-3)
+								color: logStyle.generic.layout.logLabelColor
+								text: qsTr("Deploy.")
+							}
 						}
 					}
 					background:

mix/qml/LogsPaneStyle.qml

@@ -17,8 +17,8 @@ QtObject {
 			property string logLabelColor: "#4a4a4a"
 			property string logLabelFont: "sans serif"
 			property int headerInputWidth: 200
-			property int dateWidth: 150
-			property int typeWidth: 150
+			property int dateWidth: 100
+			property int typeWidth: 100
 			property int contentWidth: 560
 			property string logAlternateColor: "#f6f5f6"
 			property string errorColor: "#fffcd5"

mix/qml/StatusPane.qml

@@ -142,7 +142,6 @@ Rectangle {
 			anchors.verticalCenter: parent.verticalCenter
 			anchors.horizontalCenter: parent.horizontalCenter
 			font.pointSize: appStyle.absoluteSize(-1)
-			height: 15
 			font.family: "sans serif"
 			objectName: "status"
 			wrapMode: Text.WrapAnywhere