diff options
| author | Shawn Rutledge <shawn.rutledge@qt.io> | 2022-11-10 15:06:08 +0100 |
|---|---|---|
| committer | Shawn Rutledge <shawn.rutledge@qt.io> | 2022-11-10 16:32:23 +0000 |
| commit | edf70b2a4272c7f34e792c117214b7fe7ba2978c (patch) | |
| tree | 7871ed4e8d543b70b4b47889a25f801019841679 | |
| parent | 25a1e4b1c8a6db63473ddeaf2df1b213aec3efa0 (diff) | |
| download | qtdoc-edf70b2a4272c7f34e792c117214b7fe7ba2978c.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.
Pick-to: 6.2 6.4
Task-number: QTBUG-102408
Task-number: QTBUG-108335
Change-Id: I9aab5d64a8c6c0a0218e9a91f93d072033e04e8a
Reviewed-by: Oliver Eftevaag <oliver.eftevaag@qt.io>
| -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++){ |