From 1ed30c785ed5ff8948e01f4cd0f04fb8d17d135f Mon Sep 17 00:00:00 2001 From: Boris Moiseev Date: Wed, 23 Aug 2017 14:39:21 +0300 Subject: Material: TextField hover effect Corresponds to Hover controls state as shown in Material guidelines https://material.io/guidelines/components/text-fields.html#text-fields-states Change-Id: I8745c265e2ce71aa36d5877cfdf5cbfb018fb650 Reviewed-by: Mitch Curtis Reviewed-by: J-P Nurmi Reviewed-by: Boris Moiseev --- src/imports/controls/material/TextField.qml | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'src') diff --git a/src/imports/controls/material/TextField.qml b/src/imports/controls/material/TextField.qml index 25a05f99..7943cc99 100644 --- a/src/imports/controls/material/TextField.qml +++ b/src/imports/controls/material/TextField.qml @@ -79,7 +79,8 @@ T.TextField { background: Rectangle { y: control.height - height - control.bottomPadding + 8 implicitWidth: 120 - height: control.activeFocus ? 2 : 1 - color: control.activeFocus ? control.Material.accentColor : control.Material.hintTextColor + height: control.activeFocus || control.hovered ? 2 : 1 + color: control.activeFocus ? control.Material.accentColor + : (control.hovered ? control.Material.primaryTextColor : control.Material.hintTextColor) } } -- cgit v1.2.3