diff --git a/resources/qml/Cura.qml b/resources/qml/Cura.qml index 637a4298eb..0bdc9586bd 100644 --- a/resources/qml/Cura.qml +++ b/resources/qml/Cura.qml @@ -257,10 +257,12 @@ UM.MainWindow { } Image { + id: logo anchors { - verticalCenter: openFileButton.verticalCenter; - left: openFileButton.right; - leftMargin: UM.Theme.sizes.window_margin.width; + left: parent.left + leftMargin: UM.Theme.sizes.default_margin.width; + bottom: parent.bottom + bottomMargin: UM.Theme.sizes.default_margin.height; } source: UM.Theme.images.logo; @@ -272,13 +274,12 @@ UM.MainWindow { } Button { + id: viewModeButton anchors { top: parent.top; - topMargin: UM.Theme.sizes.window_margin.height; right: sidebar.left; rightMargin: UM.Theme.sizes.window_margin.width; } - id: viewModeButton //: View Mode toolbar button text: qsTr("View Mode"); iconSource: UM.Theme.icons.viewmode; @@ -308,10 +309,9 @@ UM.MainWindow { id: toolbar; anchors { - left: parent.left; - leftMargin: UM.Theme.sizes.window_margin.width; - bottom: parent.bottom; - bottomMargin: UM.Theme.sizes.window_margin.height; + horizontalCenter: parent.horizontalCenter + horizontalCenterOffset: -(UM.Theme.sizes.panel.width / 2) + top: parent.top; } } diff --git a/resources/qml/Toolbar.qml b/resources/qml/Toolbar.qml index ec7a6bd839..5d4400bfda 100644 --- a/resources/qml/Toolbar.qml +++ b/resources/qml/Toolbar.qml @@ -12,33 +12,14 @@ Item { id: base; width: buttons.width; - height: buttons.height + panel.height; - - Rectangle { - id: activeItemBackground; - - anchors.bottom: parent.bottom; - anchors.bottomMargin: UM.Theme.sizes.default_margin.height; - - width: UM.Theme.sizes.button.width; - height: UM.Theme.sizes.button.height * 2; - - opacity: panelBackground.opacity; - - color: UM.Theme.colors.tool_panel_background - - function setActive(new_x) { - x = new_x; - } - } + height: buttons.height RowLayout { id: buttons; anchors.bottom: parent.bottom; anchors.left: parent.left; - - spacing: UM.Theme.sizes.default_margin.width * 2; + spacing: 1 Repeater { id: repeat @@ -51,7 +32,6 @@ Item { checkable: true; checked: model.active; - onCheckedChanged: if (checked) activeItemBackground.setActive(x); style: UM.Theme.styles.tool_button; @@ -65,21 +45,28 @@ Item { } } - UM.AngledCornerRectangle { + Rectangle { + width: base.width - 10 + height: base.height + z: parent.z - 1 + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter + color: UM.Theme.colors.button_lining + } + + Rectangle { id: panelBackground; anchors.left: parent.left; - anchors.bottom: buttons.top; - anchors.bottomMargin: UM.Theme.sizes.default_margin.height; + anchors.top: buttons.bottom; - width: panel.item ? Math.max(panel.width + 2 * UM.Theme.sizes.default_margin.width, activeItemBackground.x + activeItemBackground.width) : 0; + width: panel.item ? Math.max(panel.width + 2 * UM.Theme.sizes.default_margin.width) : 0; height: panel.item ? panel.height + 2 * UM.Theme.sizes.default_margin.height : 0; opacity: panel.item ? 1 : 0 Behavior on opacity { NumberAnimation { duration: 100 } } color: UM.Theme.colors.tool_panel_background; - cornerSize: width > 0 ? UM.Theme.sizes.default_margin.width : 0; Loader { id: panel diff --git a/resources/themes/cura/styles.qml b/resources/themes/cura/styles.qml index e7794746f5..77b1d2852e 100644 --- a/resources/themes/cura/styles.qml +++ b/resources/themes/cura/styles.qml @@ -90,34 +90,32 @@ QtObject { property Component tool_button: Component { ButtonStyle { background: Item { + ///////////TODO CHANGE SIZES!! implicitWidth: UM.Theme.sizes.button.width; implicitHeight: UM.Theme.sizes.button.height; Rectangle { - anchors.bottom: parent.verticalCenter; + id: tool_button_background + anchors.top: parent.verticalCenter; width: parent.width; + ///////////TODO CHANGE LABELHEIGHT!! height: control.hovered ? parent.height / 2 + label.height : 0; Behavior on height { NumberAnimation { duration: 100; } } opacity: control.hovered ? 1.0 : 0.0; Behavior on opacity { NumberAnimation { duration: 100; } } - Rectangle { - anchors.horizontalCenter: parent.horizontalCenter; - width: childrenRect.width; - height: childrenRect.height; - - Label { - id: label - text: control.text.replace("&", ""); - font: UM.Theme.fonts.button_tooltip; - color: UM.Theme.colors.button_tooltip_text; - } + Label { + id: label + anchors.bottom: parent.bottom + text: control.text.replace("&", ""); + font: UM.Theme.fonts.button_tooltip; + color: UM.Theme.colors.button_tooltip_text; } } - UM.AngledCornerRectangle { + Rectangle { id: buttonFace; anchors.fill: parent; @@ -138,7 +136,6 @@ QtObject { } } Behavior on color { ColorAnimation { duration: 50; } } - cornerSize: UM.Theme.sizes.default_margin.width; Label { anchors.right: parent.right; diff --git a/resources/themes/cura/theme.json b/resources/themes/cura/theme.json index 011b60983c..b600db1c2c 100644 --- a/resources/themes/cura/theme.json +++ b/resources/themes/cura/theme.json @@ -70,6 +70,7 @@ "button_hover": [140, 144, 154, 255], "button_active": [12, 169, 227, 255], "button_active_hover": [34, 150, 199, 255], + "button_lining": [140, 144, 154, 255], "button_text": [255, 255, 255, 255], "button_disabled": [245, 245, 245, 255], "button_tooltip_text": [35, 35, 35, 255],