From 31b7da46a963f29e25a988c96404cd46e5c2846e Mon Sep 17 00:00:00 2001 From: Michael Zanetti Date: Sat, 29 Aug 2020 19:44:22 +0200 Subject: [PATCH 1/2] Make Pane corners slightly rounded in energize style --- nymea-app/styles.qrc | 1 + nymea-app/styles/energize/Pane.qml | 76 ++++++++++++++++++++++++++++++ 2 files changed, 77 insertions(+) create mode 100644 nymea-app/styles/energize/Pane.qml diff --git a/nymea-app/styles.qrc b/nymea-app/styles.qrc index cab2e807..ae4308a9 100644 --- a/nymea-app/styles.qrc +++ b/nymea-app/styles.qrc @@ -20,5 +20,6 @@ styles/energize/Button.qml styles/energize/logo.svg styles/energize/Page.qml + styles/energize/Pane.qml diff --git a/nymea-app/styles/energize/Pane.qml b/nymea-app/styles/energize/Pane.qml new file mode 100644 index 00000000..4a283139 --- /dev/null +++ b/nymea-app/styles/energize/Pane.qml @@ -0,0 +1,76 @@ +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * +* +* Copyright 2013 - 2020, nymea GmbH +* Contact: contact@nymea.io +* +* This file is part of nymea. +* This project including source code and documentation is protected by +* copyright law, and remains the property of nymea GmbH. All rights, including +* reproduction, publication, editing and translation, are reserved. The use of +* this project is subject to the terms of a license agreement to be concluded +* with nymea GmbH in accordance with the terms of use of nymea GmbH, available +* under https://nymea.io/license +* +* GNU General Public License Usage +* Alternatively, this project may be redistributed and/or modified under the +* terms of the GNU General Public License as published by the Free Software +* Foundation, GNU version 3. This project is distributed in the hope that it +* will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty +* of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along with +* this project. If not, see . +* +* For any further details and any questions please contact us under +* contact@nymea.io or see our FAQ/Licensing Information on +* https://nymea.io/license/faq +* +* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + +import QtQuick 2.9 +import QtQuick.Templates 2.2 as T +import QtQuick.Controls.Material 2.2 +import QtQuick.Controls.Material.impl 2.2 +import QtGraphicalEffects 1.0 + +T.Pane { + id: control + + implicitWidth: Math.max(background ? background.implicitWidth : 0, contentWidth + leftPadding + rightPadding) + implicitHeight: Math.max(background ? background.implicitHeight : 0, contentHeight + topPadding + bottomPadding) + + contentWidth: contentItem.implicitWidth || (contentChildren.length === 1 ? contentChildren[0].implicitWidth : 0) + contentHeight: contentItem.implicitHeight || (contentChildren.length === 1 ? contentChildren[0].implicitHeight : 0) + + padding: 12 + + background: Rectangle { + color: control.Material.backgroundColor + radius: 5 + + layer.enabled: control.enabled && control.Material.elevation > 0 + layer.effect: ElevationEffect { + elevation: control.Material.elevation + } + } + + layer.effect: Item { + width: control.width + height: control.height + Rectangle { + id: mask + anchors.fill: parent + color: "#FFFFFFFF" + radius: 5 + } + OpacityMask { + width: control.width + height: control.height + source: control + maskSource: mask + } + } + layer.enabled: true + +} From 2d567a37fefca051029b4dfdbaf6db2165724389 Mon Sep 17 00:00:00 2001 From: Michael Zanetti Date: Sat, 29 Aug 2020 20:09:44 +0200 Subject: [PATCH 2/2] Fix invalid color setting --- nymea-app/styles/energize/ApplicationWindow.qml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/nymea-app/styles/energize/ApplicationWindow.qml b/nymea-app/styles/energize/ApplicationWindow.qml index ad75f298..fb87969c 100644 --- a/nymea-app/styles/energize/ApplicationWindow.qml +++ b/nymea-app/styles/energize/ApplicationWindow.qml @@ -37,7 +37,7 @@ ApplicationWindow { Material.theme: Material.Light // Main background color - Material.background: "676767" + Material.background: "#FFFFFF" font.pixelSize: 14 font.weight: Font.Normal