fix(StatusMessage): Highlight rectangle size matches the background (#…

…10553)
status-im · May 4, 2023 · 88cd44c · 88cd44c
1 parent a7050fe
commit 88cd44c
Showing 1 changed file with 18 additions and 19 deletions.
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusMessage.qml b/ui/StatusQ/src/StatusQ/Components/StatusMessage.qml
@@ -128,25 +128,6 @@ Control {
             return "transparent";
         }
 
-        Rectangle {
-            anchors {
-                top: parent.top
-                bottom: parent.bottom
-                left: parent.left
-            }
-            width: 2
-            visible: root.isPinned || root.hasMention
-            color: root.hasMention ? Theme.palette.mentionColor1 : root.isPinned ? Theme.palette.pinColor1
-                                                                                 : "transparent" // not visible really
-        }
-    }
-
-    contentItem: Item {
-
-        implicitWidth: messageLayout.implicitWidth
-        implicitHeight: messageLayout.implicitHeight
-
-
         SequentialAnimation {
             id: messageFoundAnimation
 
@@ -178,6 +159,24 @@ Control {
             color: Theme.palette.messageHighlightColor
         }
 
+        Rectangle {
+            anchors {
+                top: parent.top
+                bottom: parent.bottom
+                left: parent.left
+            }
+            width: 2
+            visible: root.isPinned || root.hasMention
+            color: root.hasMention ? Theme.palette.mentionColor1 : root.isPinned ? Theme.palette.pinColor1
+                                                                                 : "transparent" // not visible really
+        }
+    }
+
+    contentItem: Item {
+
+        implicitWidth: messageLayout.implicitWidth
+        implicitHeight: messageLayout.implicitHeight
+
         MouseArea {
             id: mouseArea
             anchors.fill: parent