mobile UI: make TemplateComboBox selectively editable

Getting the visual right is really hard. The anchors seem to mostly work,
but it still doesn't look exactly right, IMHO.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2020-12-22 14:12:58 -08:00
parent ee0ca3995e
commit 83acb98886

View file

@ -46,14 +46,16 @@ ComboBox {
} }
} }
contentItem: Text { contentItem: TextField {
readOnly: !cb.editable
anchors.right: indicator.left
anchors.left: cb.left
leftPadding: Kirigami.Units.smallSpacing leftPadding: Kirigami.Units.smallSpacing
rightPadding: cb.indicator.width + cb.spacing rightPadding: Kirigami.Units.smallSpacing
text: cb.displayText text: cb.displayText
font: cb.font font: cb.font
color: subsurfaceTheme.textColor color: subsurfaceTheme.textColor
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
elide: Text.ElideRight
} }
background: Rectangle { background: Rectangle {
@ -61,6 +63,7 @@ ComboBox {
border.width: cb.visualFocus ? 2 : 1 border.width: cb.visualFocus ? 2 : 1
color: subsurfaceTheme.backgroundColor color: subsurfaceTheme.backgroundColor
radius: 2 radius: 2
visible: cb.focus
} }
popup: Popup { popup: Popup {