From cf2d18cba9700fc8d453163821a013025549753e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Tinkl?= <lukast@status.im>
Date: Mon, 25 Jul 2022 11:35:37 +0200
Subject: [PATCH] fix(StatusBanner): TestNet banner overlaps left panel

let the text elide on the right side if the parent width is smaller
than ours

Related: status-im/status-desktop#6600
---
 ui/StatusQ/src/StatusQ/Controls/StatusBanner.qml | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusBanner.qml b/ui/StatusQ/src/StatusQ/Controls/StatusBanner.qml
index 169e927d08..091819a6c2 100644
--- a/ui/StatusQ/src/StatusQ/Controls/StatusBanner.qml
+++ b/ui/StatusQ/src/StatusQ/Controls/StatusBanner.qml
@@ -37,7 +37,7 @@ Column {
     */
     property string statusText
     /*!
-       \qmlproperty string StatusBanner::type
+       \qmlproperty int StatusBanner::type
        This property holds type of banner. Possible values are:
        \qml
         enum Type {
@@ -50,12 +50,12 @@ Column {
     */
     property int type: StatusBanner.Type.Info
     /*!
-       \qmlproperty string StatusBanner::textPixels
+       \qmlproperty int StatusBanner::textPixels
        This property holds the pixels size of the text inside the banner.
     */
     property int textPixels: 15
     /*!
-       \qmlproperty string StatusBanner::statusBannerHeight
+       \qmlproperty int StatusBanner::statusBannerHeight
        This property holds the height of the banner rectangle.
     */
     property int statusBannerHeight: 38
@@ -94,9 +94,12 @@ Column {
         StatusBaseText {
             id: statusTxt
             anchors.fill: parent
+            anchors.leftMargin: 8
+            anchors.rightMargin: 8
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter
             font.pixelSize: statusBanner.textPixels
+            elide: Text.ElideRight
             text: statusBanner.statusText
             color: d.fontColor
         }