mirror of
https://github.com/subsurface/subsurface.git
synced 2025-01-20 06:45:27 +00:00
QML UI: make dives outside of dive trips always visible
Create small visible separation from the dive trip before. And make the dive trip header a slightly different color so they stand out between dives. Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
parent
83c72e7a79
commit
a065b97472
1 changed files with 13 additions and 7 deletions
|
@ -21,8 +21,8 @@ MobileComponents.Page {
|
|||
enabled: true
|
||||
checked: diveListView.currentIndex === model.index
|
||||
width: parent.width
|
||||
height: dive.tripMeta == activeTrip ? diveDelegateItem.height : 0
|
||||
visible: dive.tripMeta == activeTrip ? true : false
|
||||
height: dive.tripMeta == activeTrip || dive.tripMeta === "--" ? diveDelegateItem.height : 0
|
||||
visible: dive.tripMeta == activeTrip || dive.tripMeta === "--" ? true : false
|
||||
|
||||
property real detailsOpacity : 0
|
||||
property int horizontalPadding: MobileComponents.Units.gridUnit / 2 - MobileComponents.Units.smallSpacing + 1
|
||||
|
@ -113,8 +113,10 @@ MobileComponents.Page {
|
|||
id: tripHeading
|
||||
Item {
|
||||
width: page.width - MobileComponents.Units.gridUnit
|
||||
height: childrenRect.height + MobileComponents.Units.smallSpacing * 2 + Math.max(2, MobileComponents.Units.gridUnit / 2)
|
||||
|
||||
height: (section !== "--") ?
|
||||
childrenRect.height + MobileComponents.Units.smallSpacing * 2 + Math.max(2, MobileComponents.Units.gridUnit / 2) :
|
||||
Math.max(2, MobileComponents.Units.gridUnit / 2)
|
||||
visible: section !== "---"
|
||||
MobileComponents.Heading {
|
||||
id: sectionText
|
||||
text: {
|
||||
|
@ -137,19 +139,23 @@ MobileComponents.Page {
|
|||
leftMargin: MobileComponents.Units.gridUnit / 2
|
||||
right: parent.right
|
||||
}
|
||||
color: textColor
|
||||
color: subsurfaceTheme.accentColor
|
||||
level: 2
|
||||
MouseArea {
|
||||
anchors.fill: sectionText
|
||||
enabled: section !== "--"
|
||||
onClicked: {
|
||||
activeTrip = section
|
||||
if (activeTrip != section)
|
||||
activeTrip = section
|
||||
else
|
||||
activeTrip = ""
|
||||
}
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
height: Math.max(2, MobileComponents.Units.gridUnit / 12) // we want a thicker line
|
||||
anchors {
|
||||
top: sectionText.bottom
|
||||
top: section !== "--" ? sectionText.bottom : sectionText.top
|
||||
left: parent.left
|
||||
leftMargin: MobileComponents.Units.gridUnit * -2
|
||||
rightMargin: MobileComponents.Units.gridUnit * -2
|
||||
|
|
Loading…
Add table
Reference in a new issue