From 61065ce46df5373a69b2a2f20b287c133fd103e2 Mon Sep 17 00:00:00 2001 From: "c.lamboo" Date: Mon, 26 Sep 2022 11:23:17 +0200 Subject: [PATCH] Add a circle to the background of the refresh button Be more consistent with rest of UI. CURA-9677 --- resources/qml/Dialogs/ChoosePrinterDialog.qml | 32 ++++++++++++++----- 1 file changed, 24 insertions(+), 8 deletions(-) diff --git a/resources/qml/Dialogs/ChoosePrinterDialog.qml b/resources/qml/Dialogs/ChoosePrinterDialog.qml index 69d9fc44cc..b8ea98f7df 100644 --- a/resources/qml/Dialogs/ChoosePrinterDialog.qml +++ b/resources/qml/Dialogs/ChoosePrinterDialog.qml @@ -53,23 +53,39 @@ UM.Dialog anchors.left: parent.left text: catalog.i18nc("@title:label", "Compatible Printers") font: UM.Theme.getFont("large") + anchors.horizontalCenter: parent.horizontalCenter } - - UM.SimpleButton + TabButton { + id: refreshButton anchors.right: parent.right - - width: UM.Theme.getSize("small_button").width - height: UM.Theme.getSize("small_button").height - iconSource: UM.Theme.getIcon("ArrowDoubleCircleRight") - color: UM.Theme.getColor("text_link") - hoverColor: UM.Theme.getColor("text_scene_hover") + width: UM.Theme.getSize("button_icon").width + height: UM.Theme.getSize("button_icon").height + hoverEnabled: true onClicked: { manager.refresh() base.compatible_machine_model.forceUpdate() } + + background: Rectangle + { + width: UM.Theme.getSize("button_icon").width + height: UM.Theme.getSize("button_icon").height + color: refreshButton.hovered ? UM.Theme.getColor("toolbar_button_hover") : UM.Theme.getColor("toolbar_background") + radius: Math.round(refreshButton.width * 0.5) + } + + UM.ColorImage + { + width: UM.Theme.getSize("section_icon").width + height: UM.Theme.getSize("section_icon").height + color: UM.Theme.getColor("text_link") + source: UM.Theme.getIcon("ArrowDoubleCircleRight") + anchors.horizontalCenter: parent.horizontalCenter + anchors.verticalCenter: parent.verticalCenter + } } }