feat(MainWindow/Contacts): show indicator on hovered contact

tests/ui/modules/Common/Borders.qml

@@ -44,7 +44,7 @@ Item {
     id: rightBorder
 
     anchors.right: parent.right
-    color: borderColor != null ? borderColor : rigthColor
+    color: borderColor != null ? borderColor : rightColor
     height: parent.height
     width: borderWidth != null ? borderWidth : rightWidth
   }

tests/ui/views/App/MainWindow/Contacts.qml

@@ -26,7 +26,7 @@ ColumnLayout {
   }
 
   function _removeContact (contact) {
-    Utils.openConfirmDialog(contact, {
+    Utils.openConfirmDialog(window, {
       descriptionText: qsTr('removeContactDescription'),
       exitHandler: function (status) {
         console.log('remove contact', status)
@@ -97,7 +97,7 @@ ColumnLayout {
       }
 
       delegate: Borders {
-        borderColor: ContactsStyle.contact.border.color
+        bottomColor: ContactsStyle.contact.border.color
         bottomWidth: ContactsStyle.contact.border.width
         height: ContactsStyle.contact.height
         width: parent.width
@@ -108,6 +108,15 @@ ColumnLayout {
           anchors.fill: parent
           color: ContactsStyle.contact.backgroundColor.normal
 
+          Rectangle {
+            id: indicator
+
+            anchors.left: parent.left
+            color: 'transparent'
+            height: parent.height
+            width: ContactsStyle.contact.indicator.width
+          }
+
           MouseArea {
             id: mouseArea
 
@@ -215,6 +224,12 @@ ColumnLayout {
               color: ContactsStyle.contact.backgroundColor.hovered
               target: contact
             }
+
+            PropertyChanges {
+              color: ContactsStyle.contact.indicator.color
+              target: indicator
+            }
+
             PropertyChanges { target: container1; visible: false }
             PropertyChanges { target: container2; visible: true }
           }

tests/ui/views/App/Styles/MainWindow/ContactsStyle.qml

@@ -36,6 +36,11 @@ QtObject {
       property int width: 1
     }
 
+    property QtObject indicator: QtObject {
+      property color color: Colors.i
+      property int width: 5
+    }
+
     property QtObject username: QtObject {
       property color color: '#4B5964'
       property int width: 220