volumeslider: rework of slider layout

To avoid text cutoff switch to ColumnLayout instead of rows.

Bug-AGL: SPEC-2711
Change-Id: I490d0e92d6ed89613d8fc7d983f869ab848e8932
Signed-off-by: Matt Ranostay <matt.ranostay@konsulko.com>

diff --git a/app/VolumeSlider.qml b/app/VolumeSlider.qml
index b44d74c..b7a98f8 100644 (file)
--- a/app/VolumeSlider.qml
+++ b/app/VolumeSlider.qml
@@ -2,24 +2,18 @@ import QtQuick 2.6
 import QtQuick.Layouts 1.1
 import QtQuick.Controls 2.0
 
-RowLayout {
+ColumnLayout {
        anchors.left: parent.left
        anchors.right: parent.right
-       Layout.minimumHeight: 75
+       Layout.minimumHeight: 125
 
        Label {
                font.pixelSize: 24
                text: modelData.name
-               Layout.minimumWidth: 150
-               Layout.maximumWidth: 150
-               elide: Text.ElideRight
        }
        Label {
                font.pixelSize: 24
                text: modelData.value + " %"
-               Layout.minimumWidth: 75
-               Layout.maximumWidth: 75
-               elide: Text.ElideRight
        }
        Slider {
                id: roleValueSlider