Commit 44928237 authored by hjk's avatar hjk Committed by Eike Ziller

welcome: less artifacts in top bar

Change-Id: I38af2be3bffccee8b3fa2f9094c21f2b06800371
Reviewed-by: default avatarEike Ziller <eike.ziller@nokia.com>
parent 5a38e9b9
...@@ -36,58 +36,100 @@ import qtcomponents 1.0 as Components ...@@ -36,58 +36,100 @@ import qtcomponents 1.0 as Components
Item { Item {
id: tabBar id: tabBar
height: 62 height: 60
width: parent.width width: parent.width
property alias model: tabs.model property alias model: tabs.model
property int tabWidth: Math.floor(tabBar.width/tabs.count)
property url inactiveSource: "qrc:welcome/images/tab_inactive.png"
property url activeSource: "qrc:welcome/images/tab_active.png"
Row { Rectangle {
id: row id: row
height: 24 width: 100
width: parent.width height: 26
anchors.top: parent.top
anchors.left: parent.left
gradient: Gradient {
GradientStop { position: 0; color: "#f7f7f7" }
GradientStop { position: 1; color: "#e4e4e4" }
}
Text {
id: text
horizontalAlignment: Qt.AlignHCenter; verticalAlignment: Qt.AlignVCenter
anchors.fill: parent
text: qsTr("Qt Creator")
}
}
BorderImage { Item {
id: active anchors.top: parent.top
width: 100 anchors.left: row.right
height: parent.height anchors.right: parent.right
border { top: 2; bottom: 2; left: 2; right: 2} anchors.bottom: row.bottom
source: activeSource
Text { Rectangle {
id: text id: left1
horizontalAlignment: Qt.AlignHCenter; verticalAlignment: Qt.AlignVCenter anchors.top: parent.top
anchors.fill: parent anchors.left: parent.left
text: qsTr("Qt Creator") anchors.bottom: parent.bottom
elide: Text.ElideRight width: 1
color: "black" gradient: Gradient {
GradientStop { position: 0; color: "#fcfcfc" }
GradientStop { position: 1; color: "#f7f7f7" }
} }
} }
BorderImage { Rectangle {
anchors.left: active.right id: left2
anchors.top: parent.top
anchors.left: left1.right
anchors.bottom: parent.bottom
width: 1
color: "#313131"
}
Rectangle {
id: bottom1
height: 1
anchors.left: left1.right
anchors.right: parent.right
anchors.bottom: parent.bottom
color: "#fbfbfb"
}
Rectangle {
id: bottom2
height: 1
anchors.left: left2.right
anchors.right: parent.right anchors.right: parent.right
height: parent.height anchors.bottom: bottom1.top
border { top: 2; bottom: 2; left: 2; right: 2} width: 1
source: inactiveSource color: "#313131"
}
Rectangle {
anchors.top: parent.top
anchors.left: left2.right
anchors.right: parent.right
anchors.bottom: bottom2.top
gradient: Gradient {
GradientStop { position: 0.00; color: "#8e8e8e" }
GradientStop { position: 0.07; color: "#8e8e8e" }
GradientStop { position: 0.08; color: "#757575" }
GradientStop { position: 0.40; color: "#666666" }
GradientStop { position: 0.41; color: "#585858" }
GradientStop { position: 1.00; color: "#404040" }
}
} }
} }
Rectangle { Rectangle {
id: background id: background
height: 38 height: 38
gradient: Gradient {
GradientStop {
position: 0
color: "#e4e4e4"
}
GradientStop {
position: 1
color: "#cecece"
}
}
width: parent.width width: parent.width
anchors.top: row.bottom anchors.top: row.bottom
gradient: Gradient {
GradientStop { position: 0; color: "#e4e4e4" }
GradientStop { position: 1; color: "#cecece" }
}
Rectangle { Rectangle {
color: "black" color: "black"
height: 1 height: 1
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment