aboutsummaryrefslogtreecommitdiffstats
path: root/src/imports
diff options
context:
space:
mode:
authorJ-P Nurmi <jpnurmi@theqtcompany.com>2015-12-18 15:44:59 +0100
committerJ-P Nurmi <jpnurmi@theqtcompany.com>2015-12-18 21:25:09 +0000
commit3ce78788aa95e209438955f09ddfd5d7999dfd38 (patch)
tree2691aafc70c10080f2208c0ef1d8a6b7bc5e0306 /src/imports
parent7b56f3b55aaa746832c85d26d45bbfa68f1d8d2b (diff)
Universal: set larger touch areas for SpinBox buttons
Change-Id: Id7b6bb25b69deb1d0a7a12bb7d2416faf5a3adba Task-number: QTBUG-50033 Reviewed-by: J-P Nurmi <jpnurmi@theqtcompany.com>
Diffstat (limited to 'src/imports')
-rw-r--r--src/imports/controls/universal/SpinBox.qml20
1 files changed, 11 insertions, 9 deletions
diff --git a/src/imports/controls/universal/SpinBox.qml b/src/imports/controls/universal/SpinBox.qml
index 97ea6c57..e68015b4 100644
--- a/src/imports/controls/universal/SpinBox.qml
+++ b/src/imports/controls/universal/SpinBox.qml
@@ -86,14 +86,15 @@ T.SpinBox {
//! [up.indicator]
up.indicator: Item {
- implicitWidth: 26
- height: parent.height
+ implicitWidth: 28
+ height: parent.height + 4
+ y: -2
x: control.mirrored ? 0 : parent.width - width
Rectangle {
- x: 2; y: 2
+ x: 2; y: 4
width: parent.width - 4
- height: parent.height - 4
+ height: parent.height - 8
color: !control.up.pressed ? "transparent" :
control.activeFocus ? control.Universal.accentColor
: control.Universal.chromeDisabledLowColor
@@ -110,14 +111,15 @@ T.SpinBox {
//! [down.indicator]
down.indicator: Item {
- implicitWidth: 26
- height: parent.height
+ implicitWidth: 28
+ height: parent.height + 4
+ y: -2
x: control.mirrored ? parent.width - width : 0
Rectangle {
- x: 2; y: 2
+ x: 2; y: 4
width: parent.width - 4
- height: parent.height - 4
+ height: parent.height - 8
color: !control.down.pressed ? "transparent" :
control.activeFocus ? control.Universal.accentColor
: control.Universal.chromeDisabledLowColor
@@ -134,7 +136,7 @@ T.SpinBox {
//! [background]
background: Rectangle {
- implicitWidth: 60 + 26 // TextControlThemeMinWidth - 4 (border)
+ implicitWidth: 60 + 28 // TextControlThemeMinWidth - 4 (border)
implicitHeight: 28 // TextControlThemeMinHeight - 4 (border)
border.width: 2 // TextControlBorderThemeThickness