From 872bb7b30eeba9147f7b029fd88456679eb9f854 Mon Sep 17 00:00:00 2001 From: Michael Bohlender Date: Thu, 6 Apr 2017 12:58:53 +0200 Subject: base PositiveButton on controls templates --- framework/qml/PositiveButton.qml | 42 ++++++++++++++++++++++++---------------- 1 file changed, 25 insertions(+), 17 deletions(-) (limited to 'framework/qml') diff --git a/framework/qml/PositiveButton.qml b/framework/qml/PositiveButton.qml index 9e23ee5d..f526968b 100644 --- a/framework/qml/PositiveButton.qml +++ b/framework/qml/PositiveButton.qml @@ -16,32 +16,40 @@ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ -import QtQuick 2.7 -import QtQuick.Controls 2.0 as Controls -import org.kube.framework 1.0 as Kube +import QtQuick 2.8 +import QtQuick.Templates 2.1 as T +import org.kube.framework 1.0 -Controls.AbstractButton { +T.Button { id: root - width: mainText.implicitWidth + Kube.Units.largeSpacing * 2 - height: mainText.implicitHeight + Kube.Units.smallSpacing * 2 + width: Math.max(Units.gridUnit, contentItem.implicitWidth + leftPadding + rightPadding) + height: contentItem.implicitHeight + Units.smallSpacing * 2 - clip: true + padding: Units.largeSpacing + topPadding: Units.smallSpacing * 2 + bottomPadding: Units.smallSpacing *2 - Rectangle { - id: background + clip: true + hoverEnabled: true - anchors.fill: parent + background: Rectangle { + color: root.pressed ? Colors.highlightColor : Colors.positveColor - color: Kube.Colors.positveColor + Rectangle { + anchors.fill: parent + visible: root.hovered + color: Colors.viewBackgroundColor + opacity: 0.1 + } } - Text { - id: mainText - - anchors.centerIn: parent - - color: Kube.Colors.highlightedTextColor + contentItem: Text { text: root.text + //TODO font + elide: Text.ElideRight + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + color: Colors.highlightedTextColor } } -- cgit v1.2.3