Tweaked TextField padding, allowing to set left/right padding

separately.
Venemo · Jan 2, 2013 · 67185c5 · 67185c5
1 parent 740cd31
commit 67185c5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/qml/desktop/components/TextField.qml b/qml/desktop/components/TextField.qml
@@ -23,6 +23,8 @@ Rectangle {
     property bool isTextValid: text.length > 0
     property bool enableTextValidation: false
     property real padding: 10
+    property real rightPadding: padding
+    property real leftPadding: padding
     property alias text: textInput.text
     property alias tooltipText: toolTipTextItem.text
 
@@ -57,8 +59,13 @@ Rectangle {
         clip: true
         id: textInput
         height: font.pixelSize * 1.5
-        anchors.centerIn: parent
-        width: parent.width - textField.padding * 2
+        anchors {
+            verticalCenter: parent.verticalCenter
+            left: parent.left
+            right: parent.right
+            leftMargin: leftPadding
+            rightMargin: rightPadding
+        }
         verticalAlignment: TextInput.AlignVCenter
         selectByMouse: true
     }

diff --git a/qml/desktop/pages/ChatPage.qml b/qml/desktop/pages/ChatPage.qml
@@ -164,6 +164,7 @@ Page {
     TextField {
         id: chatField
         padding: 15
+        rightPadding: padding + sendButton.width + sendButton.anchors.rightMargin + sendButton.anchors.leftMargin
         text: "Good morning captain!"
         anchors {
             bottom: parent.bottom
@@ -172,6 +173,7 @@ Page {
         }
 
         Button {
+            id: sendButton
             text: "Send!"
             width: implicitWidth * 1.7
             color: "#666"