Browse Source

Improve styling of Firmware update window

Contributes to Ultimaker/Uranium#8
Arjen Hiemstra 9 years ago
parent
commit
7878456c9b
1 changed files with 37 additions and 13 deletions
  1. 37 13
      plugins/USBPrinting/FirmwareUpdateWindow.qml

+ 37 - 13
plugins/USBPrinting/FirmwareUpdateWindow.qml

@@ -3,15 +3,30 @@
 
 import QtQuick 2.1
 import QtQuick.Controls 1.1
-import QtQuick.Layouts 1.1
-Rectangle 
+import QtQuick.Window 2.1
+
+Rectangle
 {
-    width: 300; height: 100
-    ColumnLayout 
-    {
+    id: base;
+
+    width: 500 * Screen.devicePixelRatio;
+    height: 100 * Screen.devicePixelRatio;
+
+    color: palette.window;
 
-        Text 
+    signal close();
+
+    Column
+    {
+        anchors.fill: parent;
+        anchors.margins: 8 * Screen.devicePixelRatio;
+        Label
         {
+            anchors {
+                left: parent.left;
+                right: parent.right;
+            }
+
             text: {
                 if (manager.progress == 0)
                 {
@@ -29,6 +44,8 @@ Rectangle
                     return qsTr("Updating firmware.")
                 }
             }
+
+            wrapMode: Text.Wrap;
         }
         ProgressBar 
         {
@@ -36,13 +53,20 @@ Rectangle
             value: manager.progress
             minimumValue: 0;
             maximumValue: 100;
-            Layout.maximumWidth:parent.width
-            Layout.preferredWidth:230
-            Layout.preferredHeight:25
-            Layout.minimumWidth:230
-            Layout.minimumHeight:25
-            width: 230
-            height: 25
+            anchors {
+                left: parent.left;
+                right: parent.right;
+            }
+
         }
+        Button {
+            anchors.right: parent.right;
+            text: qsTr("Close");
+            onClicked: base.close();
+        }
+    }
+
+    SystemPalette {
+        id: palette;
     }
 }