diff options
author | Shawn Rutledge <shawn.rutledge@qt.io> | 2022-11-10 15:06:08 +0100 |
---|---|---|
committer | Qt Cherry-pick Bot <cherrypick_bot@qt-project.org> | 2022-11-10 22:55:20 +0000 |
commit | 4910025a377000e652b40fd9ecbe60ad44cbb063 (patch) | |
tree | 6388eb24915d464cc034c52143298f0924e25360 | |
parent | e569a09306a6d58713d37f90abe859fee8599059 (diff) | |
download | qtdoc-4910025a377000e652b40fd9ecbe60ad44cbb063.tar.gz |
Embiggen the calqlatr buttons
The buttons were too hard to hit, with such big gaps between columns and
rows, and such a small active area. You can't see how big the active
area is, so the expectation is that it should be large, for easy
fat-fingering on a touchscreen.
Task-number: QTBUG-102408
Task-number: QTBUG-108335
Change-Id: I9aab5d64a8c6c0a0218e9a91f93d072033e04e8a
Reviewed-by: Oliver Eftevaag <oliver.eftevaag@qt.io>
(cherry picked from commit edf70b2a4272c7f34e792c117214b7fe7ba2978c)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>
-rw-r--r-- | examples/demos/calqlatr/content/CalculatorButton.qml | 8 | ||||
-rw-r--r-- | examples/demos/calqlatr/content/NumberPad.qml | 4 |
2 files changed, 6 insertions, 6 deletions
diff --git a/examples/demos/calqlatr/content/CalculatorButton.qml b/examples/demos/calqlatr/content/CalculatorButton.qml index 12a66784..a4643ca1 100644 --- a/examples/demos/calqlatr/content/CalculatorButton.qml +++ b/examples/demos/calqlatr/content/CalculatorButton.qml @@ -10,13 +10,13 @@ Button { property bool dimmed: false property color textColor: "#eceeea" - width: 30 - height: 50 + width: 60 + height: 64 contentItem: Text { text: button.text font.pixelSize: 48 - wrapMode: Text.WordWrap - lineHeight: 0.75 + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter color: (button.dimmable && button.dimmed) ? Qt.darker(button.textColor) : button.textColor Behavior on color { ColorAnimation { diff --git a/examples/demos/calqlatr/content/NumberPad.qml b/examples/demos/calqlatr/content/NumberPad.qml index 5f433726..53ac4d86 100644 --- a/examples/demos/calqlatr/content/NumberPad.qml +++ b/examples/demos/calqlatr/content/NumberPad.qml @@ -5,8 +5,8 @@ import QtQuick Grid { columns: 3 - columnSpacing: 32 - rowSpacing: 16 + columnSpacing: 2 + rowSpacing: 2 function updateDimmed(){ for (let i = 0; i < children.length; i++){ |