feat: introduce StatusTooltip component

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
+    }
+}
+

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 {

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