Refine QML UI, layout and new/downlaoded indicators

This commit is contained in:
Thomas Perl 2014-05-09 20:41:04 +02:00
parent c1d65e3572
commit baa8db0861
5 changed files with 63 additions and 37 deletions

View file

@ -27,24 +27,37 @@ ButtonArea {
transparent: true
height: 100 * pgst.scalef
height: Constants.layout.item.height * pgst.scalef
anchors {
left: parent.left
right: parent.right
}
Rectangle {
width: Constants.layout.padding * (newEpisodes > 0)
Behavior on width { PropertyAnimation { } }
anchors {
top: cover.top
bottom: cover.bottom
left: parent.left
}
color: Constants.colors.fresh
}
CoverArt {
id: cover
visible: !updating
anchors {
left: parent.left
leftMargin: 10 * pgst.scalef
leftMargin: Constants.layout.padding * pgst.scalef
verticalCenter: parent.verticalCenter
}
width: 80 * pgst.scalef
height: 80 * pgst.scalef
width: Constants.layout.coverart * pgst.scalef
height: Constants.layout.coverart * pgst.scalef
source: coverart
text: title
@ -58,8 +71,8 @@ ButtonArea {
PLabel {
anchors {
left: cover.right
leftMargin: 10 * pgst.scalef
rightMargin: 10 * pgst.scalef
leftMargin: Constants.layout.padding * pgst.scalef
rightMargin: Constants.layout.padding * pgst.scalef
right: downloadsLabel.left
verticalCenter: parent.verticalCenter
}
@ -73,7 +86,7 @@ ButtonArea {
id: downloadsLabel
anchors {
right: parent.right
rightMargin: 10 * pgst.scalef
rightMargin: Constants.layout.padding * pgst.scalef
verticalCenter: parent.verticalCenter
}