jeena/gpodder-ui-qml
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Improve section header

Browse source
This commit is contained in:
Thomas Perl 2015-03-16 21:59:29 +01:00
parent bfb22d0d3f
commit ad275cf1fb
2 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
touch/EpisodeQueryPage.qml
View file

@ -44,6 +44,10 @@ SlidePage {
title: 'Episodes'
section.property: 'section'
section.delegate: SectionHeader { text: section }
section.delegate: SectionHeader {
text: section
color: episodeList.selectedIndex === -1 ? Constants.colors.secondaryHighlight : Constants.colors.text
opacity: episodeList.selectedIndex === -1 ? 1 : 0.2
}
}
}

20
touch/SectionHeader.qml
View file

@ -24,15 +24,29 @@ import 'common/constants.js' as Constants
Item {
property alias text: pLabel.text
property alias color: pLabel.color
height: 70 * pgst.scalef
width: parent.width
Rectangle {
anchors {
verticalCenter: parent.verticalCenter
left: parent.left
right: pLabel.left
margins: Constants.layout.padding * pgst.scalef
}
color: pLabel.color
height: 1 * pgst.scalef
}
PLabel {
id: pLabel
anchors {
left: parent.left
bottom: parent.bottom
margins: 10 * pgst.scalef
right: parent.right
verticalCenter: parent.verticalCenter
margins: Constants.layout.padding * pgst.scalef
}
color: Constants.colors.secondaryHighlight