From f4bc66730d42988f5f3045d78c75512b739d02cb Mon Sep 17 00:00:00 2001
From: Michael Bohlender <michael.bohlender@kdemail.net>
Date: Thu, 14 Sep 2017 09:45:45 +0200
Subject: improve requierd text visualisation

---
 framework/qml/PasswordField.qml     |  5 +----
 framework/qml/RequiredTextField.qml | 13 +++++++++++--
 2 files changed, 12 insertions(+), 6 deletions(-)

(limited to 'framework')

diff --git a/framework/qml/PasswordField.qml b/framework/qml/PasswordField.qml
index 786b3d46..fa1d1757 100644
--- a/framework/qml/PasswordField.qml
+++ b/framework/qml/PasswordField.qml
@@ -19,11 +19,10 @@
 import QtQuick 2.7
 import org.kube.framework 1.0 as Kube
 
-Kube.TextField {
+Kube.RequiredTextField {
     id: root
 
     property bool showPassword
-
     echoMode: showPassword ? TextInput.Normal : TextInput.Password
 
     Kube.IconButton {
@@ -31,11 +30,9 @@ Kube.TextField {
             right: parent.right
             verticalCenter: parent.verticalCenter
         }
-
         onClicked: {
             root.showPassword = !root.showPassword
         }
-
         iconName: root.showPassword ? Kube.Icons.password_hide : Kube.Icons.password_show
     }
 }
diff --git a/framework/qml/RequiredTextField.qml b/framework/qml/RequiredTextField.qml
index 9ee3bece..7552ebfb 100644
--- a/framework/qml/RequiredTextField.qml
+++ b/framework/qml/RequiredTextField.qml
@@ -23,6 +23,15 @@ import org.kube.framework 1.0 as Kube
 Kube.TextField {
     id: root
     validator: RegExpValidator { regExp: /.*\S.*/ }
-    backgroundColor: acceptableInput ? Kube.Colors.viewBackgroundColor : Kube.Colors.warningColor
-    backgroundOpacity: acceptableInput ? 1.0 : 0.2
+
+    Rectangle {
+        anchors {
+            left: parent.left
+            right: parent.right
+            bottom: parent.bottom
+            margins: 1
+        }
+        height: 3
+        color: acceptableInput ? root.activefocus ? Kube.Colors.positiveColor : "transparent" : Kube.Colors.warningColor
+    }
 }
-- 
cgit v1.2.3