From 49755a3271a19ab8e441406c7095e283a2d6241e Mon Sep 17 00:00:00 2001 From: "kali kaneko (leap communications)" Date: Wed, 6 Oct 2021 19:23:00 +0200 Subject: [ui] pointing hand for locations and buttons --- gui/components/Footer.qml | 20 +++++++++++--------- gui/components/Header.qml | 5 ++++- gui/components/Locations.qml | 12 +++++++++--- gui/components/StatusBox.qml | 13 +++++++------ 4 files changed, 31 insertions(+), 19 deletions(-) diff --git a/gui/components/Footer.qml b/gui/components/Footer.qml index a69f377..24b6cfa 100644 --- a/gui/components/Footer.qml +++ b/gui/components/Footer.qml @@ -1,4 +1,4 @@ -import QtQuick 2.0 +import QtQuick 2.15 import QtQuick.Controls 2.4 import QtQuick.Controls.Material 2.1 import QtQuick.Layouts 1.14 @@ -25,20 +25,17 @@ ToolBar { anchors { verticalCenter: parent.verticalCenter leftMargin: 10 - // TODO discuss where this should be aligned - //leftMargin: 22 left: parent.left verticalCenterOffset: 5 } - /* - background.implicitHeight: 32 - background.implicitWidth: 32 - */ icon { width: 20 height: 20 source: stackView.depth > 1 ? "" : "../resources/globe.svg" } + HoverHandler { + cursorShape: Qt.PointingHandCursor + } onClicked: stackView.push("Locations.qml") } @@ -64,14 +61,19 @@ ToolBar { Label { id: locationLabel + text: locationStr() + color: getLocationColor() anchors { left: lightning.right verticalCenter: parent.verticalCenter verticalCenterOffset: 7 leftMargin: (ctx != undefined & root.selectedGateway == "auto") ? 0 : -12 } - text: locationStr() - color: getLocationColor() + MouseArea { + cursorShape: Qt.PointingHandCursor + anchors.fill: parent + onClicked: stackView.push("Locations.qml") + } } Item { diff --git a/gui/components/Header.qml b/gui/components/Header.qml index ceb66df..d42ea26 100644 --- a/gui/components/Header.qml +++ b/gui/components/Header.qml @@ -1,4 +1,4 @@ -import QtQuick 2.0 +import QtQuick 2.15 import QtQuick.Controls 2.4 import QtQuick.Dialogs 1.2 import QtQuick.Controls.Material 2.1 @@ -22,6 +22,9 @@ ToolBar { } font.pixelSize: Qt.application.font.pixelSize * 1.6 icon.source: "../resources/arrow-left.svg" + HoverHandler { + cursorShape: Qt.PointingHandCursor + } onClicked: { if (stackView.depth > 1) { stackView.pop() diff --git a/gui/components/Locations.qml b/gui/components/Locations.qml index 097f9fe..624d5a0 100644 --- a/gui/components/Locations.qml +++ b/gui/components/Locations.qml @@ -1,4 +1,4 @@ -import QtQuick 2.9 +import QtQuick 2.15 import QtQuick.Controls 2.2 import QtQuick.Layouts 1.14 import QtGraphicalEffects 1.0 @@ -60,7 +60,7 @@ ThemedPage { id: recommendedLabel //: Location Selection: label for radio button that selects automatically text: qsTr("Recommended") - font.weight: Font.Bold + font.weight: Font.Bold font.bold: true } WrappedRadioButton { @@ -72,6 +72,9 @@ ThemedPage { top: recommendedLabel.bottom leftMargin: -5 } + HoverHandler { + cursorShape: Qt.PointingHandCursor + } onClicked: { root.selectedGateway = "auto" console.debug("Selected gateway: auto") @@ -131,11 +134,11 @@ ThemedPage { color: "gray" visible: isBridgeSelected() wrapMode: Text.Wrap + font.pixelSize: Theme.fontSize - 3 anchors { topMargin: 5 top: manualLabel.bottom } - font.pixelSize: Theme.fontSize - 3 } ColumnLayout { @@ -160,6 +163,9 @@ ThemedPage { ButtonGroup.group: locsel checked: false enabled: locationPage.switching ? false : true + HoverHandler { + cursorShape: Qt.PointingHandCursor + } onClicked: { if (ctx.status == "on") { locationPage.switching = true diff --git a/gui/components/StatusBox.qml b/gui/components/StatusBox.qml index 15eef2e..17132ea 100644 --- a/gui/components/StatusBox.qml +++ b/gui/components/StatusBox.qml @@ -1,4 +1,4 @@ -import QtQuick 2.12 +import QtQuick 2.15 import QtQuick.Controls 2.12 import QtGraphicalEffects 1.14 import QtQuick.Layouts 1.14 @@ -29,7 +29,6 @@ Item { height: 300 radius: 10 antialiasing: true - anchors { fill: parent margins: 20 @@ -46,14 +45,15 @@ Item { objectName: "settingsButton" font.pixelSize: Qt.application.font.pixelSize * 1.6 opacity: 1 - anchors { top: parent.top left: parent.left topMargin: Theme.windowMargin + 5 leftMargin: Theme.windowMargin + 5 } - + HoverHandler { + cursorShape: Qt.PointingHandCursor + } onClicked: { if (stackView.depth > 1) { stackView.pop() @@ -126,16 +126,17 @@ Item { // FIXME - this is a workaround. It will BREAK with i18n width: 100 spacing: 8 - anchors.horizontalCenter: parent.horizontalCenter Layout.alignment: Qt.AlignBottom - font { pixelSize: Theme.buttonFontSize capitalization: Font.Capitalize family: lightFont.name bold: false } + HoverHandler { + cursorShape: Qt.PointingHandCursor + } onClicked: { if (vpn.state === "on" | vpn.state === "starting") { -- cgit v1.2.3