Small style improvements

Contributes to CL-1151
This commit is contained in:
Ian Paschal 2018-12-14 15:27:55 +01:00
parent b2ea597543
commit 2f6a274c0e
2 changed files with 11 additions and 9 deletions

View file

@ -18,7 +18,7 @@ Item
property var borderWidth: 1 property var borderWidth: 1
property color borderColor: "#CCCCCC" property color borderColor: "#CCCCCC"
property color headerBackgroundColor: "white" property color headerBackgroundColor: "white"
property color headerHoverColor: "#f5f5f5" property color headerHoverColor: "#e8f2fc"
property color drawerBackgroundColor: "white" property color drawerBackgroundColor: "white"
property alias headerItem: header.children property alias headerItem: header.children
property alias drawerItem: drawer.children property alias drawerItem: drawer.children

View file

@ -63,11 +63,12 @@ Item
width: 36 * screenScaleFactor // TODO: Theme! width: 36 * screenScaleFactor // TODO: Theme!
height: 72 * screenScaleFactor // TODO: Theme! height: 72 * screenScaleFactor // TODO: Theme!
visible: currentIndex > 0 visible: currentIndex > 0
hoverEnabled: true
z: 10 z: 10
onClicked: navigateTo(currentIndex - 1) onClicked: navigateTo(currentIndex - 1)
background: Rectangle background: Rectangle
{ {
color: "#ffffff" // TODO: Theme! color: leftButton.hovered ? "#e8f2fc" : "#ffffff" // TODO: Theme!
border.width: 1 * screenScaleFactor // TODO: Theme! border.width: 1 * screenScaleFactor // TODO: Theme!
border.color: "#cccccc" // TODO: Theme! border.color: "#cccccc" // TODO: Theme!
radius: 2 * screenScaleFactor // TODO: Theme! radius: 2 * screenScaleFactor // TODO: Theme!
@ -79,9 +80,9 @@ Item
{ {
anchors.centerIn: parent anchors.centerIn: parent
width: 18 width: 18
height: 18 height: width
sourceSize.width: 18 sourceSize.width: width
sourceSize.height: 18 sourceSize.height: width
color: "#152950" // TODO: Theme! color: "#152950" // TODO: Theme!
source: UM.Theme.getIcon("arrow_left") source: UM.Theme.getIcon("arrow_left")
} }
@ -135,9 +136,10 @@ Item
z: 10 z: 10
visible: currentIndex < OutputDevice.printers.length - 1 visible: currentIndex < OutputDevice.printers.length - 1
onClicked: navigateTo(currentIndex + 1) onClicked: navigateTo(currentIndex + 1)
hoverEnabled: true
background: Rectangle background: Rectangle
{ {
color: "#ffffff" // TODO: Theme! color: rightButton.hovered ? "#e8f2fc" : "#ffffff" // TODO: Theme!
border.width: 1 * screenScaleFactor // TODO: Theme! border.width: 1 * screenScaleFactor // TODO: Theme!
border.color: "#cccccc" // TODO: Theme! border.color: "#cccccc" // TODO: Theme!
radius: 2 * screenScaleFactor // TODO: Theme! radius: 2 * screenScaleFactor // TODO: Theme!
@ -149,9 +151,9 @@ Item
{ {
anchors.centerIn: parent anchors.centerIn: parent
width: 18 width: 18
height: 18 height: width
sourceSize.width: 18 sourceSize.width: width
sourceSize.height: 18 sourceSize.height: width
color: "#152950" // TODO: Theme! color: "#152950" // TODO: Theme!
source: UM.Theme.getIcon("arrow_right") source: UM.Theme.getIcon("arrow_right")
} }