improve requierd text visualisation

2 files changed, 12 insertions, 6 deletions

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
+    }
 }