From 4910025a377000e652b40fd9ecbe60ad44cbb063 Mon Sep 17 00:00:00 2001 From: Shawn Rutledge Date: Thu, 10 Nov 2022 15:06:08 +0100 Subject: 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 (cherry picked from commit edf70b2a4272c7f34e792c117214b7fe7ba2978c) Reviewed-by: Qt Cherry-pick Bot --- examples/demos/calqlatr/content/CalculatorButton.qml | 8 ++++---- examples/demos/calqlatr/content/NumberPad.qml | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) (limited to 'examples') diff --git a/examples/demos/calqlatr/content/CalculatorButton.qml b/examples/demos/calqlatr/content/CalculatorButton.qml index 12a66784f..a4643ca19 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 5f433726a..53ac4d869 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++){ -- cgit v1.2.3