fix(StatusImageCropPanel) vertically align slider in ImageCropPanel (#…

…829) - change StatusSlider to be vertically centered Needed for #6725
status-im · Aug 5, 2022 · 0cfd2d6 · 0cfd2d6
1 parent aea746f
commit 0cfd2d6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusImageCropPanel.qml b/ui/StatusQ/src/StatusQ/Components/StatusImageCropPanel.qml
@@ -242,13 +242,14 @@ Item {
             StatusIcon {
                 icon: "remove-circle"
 
+                Layout.alignment: Qt.AlignVCenter
                 Layout.preferredWidth: 20
                 Layout.preferredHeight: 20
             }
             StatusSlider {
                 Layout.fillWidth: true
                 Layout.topMargin: 20
-                Layout.bottomMargin: 25
+                Layout.bottomMargin: 20
                 Layout.alignment: Qt.AlignVCenter
 
                 enabled: root.interactive
@@ -262,6 +263,7 @@ Item {
             StatusIcon {
                 icon: "add-circle"
 
+                Layout.alignment: Qt.AlignVCenter
                 Layout.preferredWidth: 20
                 Layout.preferredHeight: 20
             }

diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusSlider.qml b/ui/StatusQ/src/StatusQ/Controls/StatusSlider.qml
@@ -31,7 +31,8 @@ Slider {
         id: bgRect
 
         x: root.leftPadding
-        y: root.topPadding
+        anchors.verticalCenter: root.verticalCenter
+
         implicitWidth: 100
         implicitHeight: bgHeight
         width: root.availableWidth