moved manage packages button inside the tabBar and adjusted styling

This commit is contained in:
10r3n20 2021-11-16 14:02:07 +01:00
parent 0e646a97f2
commit 4c6441f65e
3 changed files with 17 additions and 21 deletions

View File

@ -7,18 +7,21 @@ import Cura 1.6 as Cura
import QtQuick 2.15
import QtQuick.Controls 2.15
Button
TabButton
{
id: root
width: UM.Theme.getSize("button_icon").width
width: UM.Theme.getSize("button_icon").width+UM.Theme.getSize("narrow_margin").width
height: UM.Theme.getSize("button_icon").height
hoverEnabled: true
property color backgroundColor: hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("action_button")
property color inactiveBackgroundColor : hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("detail_background")
property color activeBackgroundColor : UM.Theme.getColor("main_background")
leftInset: UM.Theme.getSize("narrow_margin").width
background: Rectangle
{
color: backgroundColor
border.color: transparent
color: parent.checked ? activeBackgroundColor : inactiveBackgroundColor
border.color: parent.checked ? UM.Theme.getColor("detail_background") : "transparent"
border.width: UM.Theme.getSize("thick_lining").width
radius: Math.round(width * 0.5)
}
@ -39,7 +42,8 @@ Button
color: UM.Theme.getColor("icon")
source: UM.Theme.getIcon("Settings")
anchors.centerIn: parent
anchors.horizontalCenter: parent.horizontalCenter
anchors.horizontalCenterOffset: Math.round(UM.Theme.getSize("narrow_margin").width /2)
anchors.verticalCenter: parent.verticalCenter
}
}

View File

@ -75,24 +75,11 @@ Window
Layout.preferredWidth: parent.width
Layout.preferredHeight: childrenRect.height
ManagePackagesButton
{
id: managePackagesButton
anchors.right: parent.right
anchors.rightMargin: UM.Theme.getSize("default_margin").width
onClicked:
{
content.source = "ManagedPackages.qml"
}
}
// Page selection.
TabBar
{
id: pageSelectionTabBar
anchors.right: managePackagesButton.left
anchors.right: parent.right
anchors.rightMargin: UM.Theme.getSize("default_margin").width
height: UM.Theme.getSize("button_icon").height
spacing: 0
@ -109,6 +96,10 @@ Window
text: catalog.i18nc("@button", "Materials")
onClicked: content.source = "Materials.qml"
}
ManagePackagesButton
{
onClicked: content.source = "ManagedPackages.qml"
}
}
}

View File

@ -9,6 +9,7 @@ TabButton
{
property string pageTitle
padding: UM.Theme.getSize("narrow_margin").width
horizontalPadding: UM.Theme.getSize("default_margin").width
hoverEnabled: true
property color inactiveBackgroundColor : hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("detail_background")
property color activeBackgroundColor : UM.Theme.getColor("main_background")