Mobile: improve GFLow/High settings UI

- move the spinbox closer to the senter
- improve sizing and spacing of the spinbox
- hide it when we aren't showing the calculated ceiling

Also address an odd whitespace issue.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2024-02-12 17:26:14 -08:00 committed by Michael Keller
parent 31d1755efd
commit 704b26ff1e
2 changed files with 42 additions and 31 deletions

View file

@ -12,6 +12,7 @@ SpinBox {
contentItem: TextInput {
z: 2
width: Kirigami.Units.gridUnit * 3
text: control.textFromValue(control.value, control.locale)
font: control.font
color: control.enabled ? subsurfaceTheme.textColor : subsurfaceTheme.disabledTextColor
@ -25,14 +26,14 @@ SpinBox {
up.indicator: Rectangle {
x: control.mirrored ? 0 : parent.width - width
height: Kirigami.Units.gridUnit * 2
implicitWidth: Kirigami.Units.gridUnit * 1.5
implicitHeight: Kirigami.Units.gridUnit * 1.5
height: Kirigami.Units.gridUnit * 1.5
implicitWidth: Kirigami.Units.gridUnit
implicitHeight: Kirigami.Units.gridUnit
color: control.enabled ? subsurfaceTheme.primaryColor : subsurfaceTheme.backgroundColor
border.color: control.enabled ? subsurfaceTheme.primaryColor : subsurfaceTheme.backgroundColor
Text {
text: "+"
font.pixelSize: control.font.pixelSize * 2
font.pixelSize: control.font.pixelSize * 1.5
color: control.enabled ? subsurfaceTheme.primaryTextColor : subsurfaceTheme.disabledTextColor
anchors.fill: parent
fontSizeMode: Text.Fit
@ -43,14 +44,14 @@ SpinBox {
down.indicator: Rectangle {
x: control.mirrored ? parent.width - width : 0
height: Kirigami.Units.gridUnit * 2
implicitWidth: Kirigami.Units.gridUnit * 1.5
implicitHeight: Kirigami.Units.gridUnit * 1.5
height: Kirigami.Units.gridUnit * 1.5
implicitWidth: Kirigami.Units.gridUnit
implicitHeight: Kirigami.Units.gridUnit
color: control.enabled ? subsurfaceTheme.primaryColor : subsurfaceTheme.backgroundColor
border.color: control.enabled ? subsurfaceTheme.primaryColor : subsurfaceTheme.backgroundColor
Text {
text: "-"
font.pixelSize: control.font.pixelSize * 2
font.pixelSize: control.font.pixelSize * 1.5
color: control.enabled ? subsurfaceTheme.primaryTextColor : subsurfaceTheme.disabledTextColor
anchors.fill: parent
fontSizeMode: Text.Fit