diff --git a/nymea-app/ui/components/BigThingTile.qml b/nymea-app/ui/components/BigThingTile.qml index a5e01747..e97c2226 100644 --- a/nymea-app/ui/components/BigThingTile.qml +++ b/nymea-app/ui/components/BigThingTile.qml @@ -53,6 +53,7 @@ BigTile { text: root.thing.name elide: Text.ElideRight } + ThingStatusIcons { thing: root.thing } diff --git a/nymea-app/ui/components/BigTile.qml b/nymea-app/ui/components/BigTile.qml index e7720252..2e1559d9 100644 --- a/nymea-app/ui/components/BigTile.qml +++ b/nymea-app/ui/components/BigTile.qml @@ -26,6 +26,7 @@ import QtQuick import QtQuick.Layouts import QtQuick.Controls import QtQuick.Controls.Material +import QtQuick.Controls.Material.impl import Nymea @@ -101,6 +102,16 @@ Item { : Style.tileBackgroundColor } } + + Ripple { + anchors.fill: parent + clip: true + clipRadius: background.radius + pressed: content.pressed + anchor: content + active: content.pressed || content.visualFocus || content.hovered + color: content.Material.rippleColor + } } @@ -129,6 +140,9 @@ Item { root.pressAndHold() } } + background: Item { + implicitHeight: Style.delegateHeight + } } } } diff --git a/nymea-app/ui/components/MainPageTile.qml b/nymea-app/ui/components/MainPageTile.qml index bb29e647..ee83f864 100644 --- a/nymea-app/ui/components/MainPageTile.qml +++ b/nymea-app/ui/components/MainPageTile.qml @@ -25,6 +25,7 @@ import QtQuick import QtQuick.Controls import QtQuick.Controls.Material +import QtQuick.Controls.Material.impl import QtQuick.Layouts import Qt5Compat.GraphicalEffects import Nymea @@ -102,7 +103,18 @@ Item { maskSource: backgroundImgClipper } + Ripple { + anchors.fill: background + clip: true + clipRadius: background.radius + pressed: delegate.pressed + anchor: delegate + active: delegate.pressed || delegate.visualFocus || delegate.hovered + color: delegate.Material.rippleColor + } + ItemDelegate { + id: delegate anchors { top: parent.top; left: parent.left; right: parent.right; bottom: innerContent.top topMargin: app.margins / 2; leftMargin: app.margins / 2; rightMargin: app.margins / 2 @@ -110,6 +122,7 @@ Item { padding: 0; topPadding: 0; bottomPadding: 0 onClicked: root.clicked() onPressAndHold: root.pressAndHold() + background: null contentItem: ColumnLayout { spacing: 0 @@ -217,4 +230,3 @@ Item { } } } - diff --git a/nymea-app/ui/mainviews/dashboard/Dashboard.qml b/nymea-app/ui/mainviews/dashboard/Dashboard.qml index f2a77785..a0575b13 100644 --- a/nymea-app/ui/mainviews/dashboard/Dashboard.qml +++ b/nymea-app/ui/mainviews/dashboard/Dashboard.qml @@ -323,7 +323,7 @@ MainViewBase { } } - onClicked: { + onClicked: (mouse) => { var ret = itemUnderMouse() if (ret.item) { dragArea.editIndex = ret.index