diff --git a/touch/EpisodeQueryPage.qml b/touch/EpisodeQueryPage.qml index ebd8d01..bf8f423 100644 --- a/touch/EpisodeQueryPage.qml +++ b/touch/EpisodeQueryPage.qml @@ -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 + } } } diff --git a/touch/SectionHeader.qml b/touch/SectionHeader.qml index 55234f6..7ce75e0 100644 --- a/touch/SectionHeader.qml +++ b/touch/SectionHeader.qml @@ -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