mifr/subsurface
1
0
Fork 0
mirror of https://github.com/subsurface/subsurface.git synced 2025-02-17 20:26:17 +00:00
Code Issues Projects Releases Packages Wiki Activity

mobile/UI: better sizing for Global Drawer header image

Browse source 
Especially on smaller screens in landscape mode (which is nice for
statistics) the image took up way too much space. Now it gets cropped in
a way that makes sure all the information text is visible, but not too
much space is stolen from the rest of the menu.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2021-01-11 09:33:48 -08:00
parent 0cb533abcb
commit 2784f390a1
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
mobile-widgets/qml/main.qml
View file

@ -194,16 +194,19 @@ Kirigami.ApplicationWindow {
Backend.cloud_verification_status === Enums.CS_VERIFIED) Backend.cloud_verification_status === Enums.CS_VERIFIED)
topContent: Image { topContent: Image {
source: "qrc:/qml/icons/dive.jpg" source: "qrc:/qml/icons/dive.jpg"
// it's a 4x3 image, but clip if it takes too much space (making sure the text fits)
property int myHeight: Math.min(Math.max(rootItem.height * 0.3, textblock.height + Kirigami.Units.largeSpacing), parent.width * 0.75)
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumHeight: myHeight
sourceSize.width: parent.width sourceSize.width: parent.width
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectCrop
LinearGradient { LinearGradient {
anchors { anchors {
left: parent.left left: parent.left
right: parent.right right: parent.right
top: parent.top top: parent.top
} }
height: textblock.height * 2 height: Math.min(textblock.height * 2, parent.myHeight)
start: Qt.point(0, 0) start: Qt.point(0, 0)
end: Qt.point(0, height) end: Qt.point(0, height)
gradient: Gradient { gradient: Gradient {