Use the background instead of an overlay

1 files changed, 2 insertions, 6 deletions

diff --git a/framework/qml/RequiredTextField.qml b/framework/qml/RequiredTextField.qml
index 2e3512a4..9ee3bece 100644
--- a/framework/qml/RequiredTextField.qml
+++ b/framework/qml/RequiredTextField.qml
@@ -23,10 +23,6 @@ import org.kube.framework 1.0 as Kube
 Kube.TextField {
     id: root
     validator: RegExpValidator { regExp: /.*\S.*/ }
-    Rectangle {
-        anchors.fill: parent
-        opacity: 0.2
-        color: Kube.Colors.warningColor
-        visible: !root.acceptableInput
-    }
+    backgroundColor: acceptableInput ? Kube.Colors.viewBackgroundColor : Kube.Colors.warningColor
+    backgroundOpacity: acceptableInput ? 1.0 : 0.2
 }