diff --git a/ui/shared/StatusToolTip.qml b/ui/shared/StatusToolTip.qml new file mode 100644 index 0000000000..1a75db43b4 --- /dev/null +++ b/ui/shared/StatusToolTip.qml @@ -0,0 +1,41 @@ +import QtQuick 2.13 +import QtQuick.Controls 2.13 +import "../imports" + +ToolTip { + id: tooltip + implicitWidth: tooltip.width + leftPadding: Style.current.padding + rightPadding: Style.current.padding + topPadding: Style.current.smallPadding + bottomPadding: Style.current.smallPadding + delay: 200 + background: Item { + id: tooltipBg + Rectangle { + id: tooltipContentBg + color: Style.current.blue + radius: Style.current.radius + anchors.fill: parent + } + Rectangle { + color: tooltipContentBg.color + height: 24 + width: 24 + rotation: 135 + radius: 1 + x: tooltipBg.width / 2 - width / 2 + anchors.top: tooltipContentBg.bottom + anchors.topMargin: -20 + } + } + contentItem: StyledText { + id: textContent + text: tooltip.text + color: Style.current.white + wrapMode: Text.WordWrap + font.pixelSize: 13 + horizontalAlignment: Text.AlignHCenter + } +} + diff --git a/ui/shared/TransactionSigner.qml b/ui/shared/TransactionSigner.qml index f66cc5eb6a..183de28dfd 100644 --- a/ui/shared/TransactionSigner.qml +++ b/ui/shared/TransactionSigner.qml @@ -34,6 +34,11 @@ Item { height: 13 iconName: "info" color: Style.current.lightBlue + StatusToolTip { + visible: infoButton.hovered + width: 337 + text: qsTr("Signing phrase is a 3 word combination that displayed when you entered the wallet on this device for the first time.") + } } } @@ -57,6 +62,11 @@ Item { height: 13 iconName: "info" color: Style.current.lightBlue + StatusToolTip { + visible: passwordInfoButton.hovered + width: 224 + text: qsTr("Enter the password you use to unlock this device") + } } Input { diff --git a/ui/shared/qmldir b/ui/shared/qmldir index 9d258be4ea..c3696c000e 100644 --- a/ui/shared/qmldir +++ b/ui/shared/qmldir @@ -22,3 +22,4 @@ ConfirmationDialog 1.0 ConfirmationDialog.qml StatusSlider 1.0 StatusSlider.qml Timer 1.0 Timer.qml TransactionSigner 1.0 TransactionSigner.qml +StatusToolTip 1.0 StatusToolTip.qml