Increase the size of the small buttons in the setting category

Also, fix the misalignment of the background rectangle, which made the category icons seem not-centered.

CURA-8202
This commit is contained in:
Konstantinos Karmas 2021-07-01 09:53:51 +02:00
parent a996b631bb
commit 4ef7fcf6e4

View File

@ -16,10 +16,13 @@ Button
anchors.rightMargin: 2 * UM.Theme.getSize("thin_margin").width anchors.rightMargin: 2 * UM.Theme.getSize("thin_margin").width
hoverEnabled: true hoverEnabled: true
height: UM.Theme.getSize("section_icon_column").height
background: Rectangle background: Rectangle
{ {
id: backgroundRectangle id: backgroundRectangle
height: UM.Theme.getSize("section").height height: UM.Theme.getSize("section").height
anchors.verticalCenter: parent.verticalCenter
color: color:
{ {
if (!base.enabled) if (!base.enabled)
@ -107,8 +110,8 @@ Button
source: UM.Theme.getIcon(definition.icon) source: UM.Theme.getIcon(definition.icon)
width: UM.Theme.getSize("section_icon").width width: UM.Theme.getSize("section_icon").width
height: UM.Theme.getSize("section_icon").height height: UM.Theme.getSize("section_icon").height
sourceSize.width: width + 15 * screenScaleFactor sourceSize.width: width
sourceSize.height: width + 15 * screenScaleFactor sourceSize.height: width
} }
onClicked: onClicked:
@ -141,8 +144,8 @@ Button
id: settingsButton id: settingsButton
visible: base.hovered || settingsButton.hovered visible: base.hovered || settingsButton.hovered
height: Math.round(base.height * 0.6) height: UM.Theme.getSize("small_button_icon").height
width: Math.round(base.height * 0.6) width: height
anchors anchors
{ {
@ -184,7 +187,7 @@ Button
return false return false
} }
height: Math.round(parent.height / 2) height: UM.Theme.getSize("small_button_icon").height
width: height width: height
onClicked: onClicked: