moment/harmonyqml/components/SidePane/SidePane.qml

import QtQuick 2.7
import QtQuick.Layouts 1.3
import "../Base"

HRectangle {
    id: sidePane

    property int normalSpacing: 8
    property bool collapsed: false

    HColumnLayout {
        anchors.fill: parent

        AccountList {
            Layout.fillWidth: true
            Layout.fillHeight: true

            spacing: collapsed ? 0 : normalSpacing
            topMargin: spacing
            bottomMargin: spacing
            Layout.leftMargin: spacing

            Behavior on spacing {
                NumberAnimation { duration: 150 }
            }
        }

        PaneToolBar {}
    }

    Behavior on width {
        NumberAnimation {
            // Don't slow down the user manually resizing
            duration: uiSplitView.canAutoSize ? 150 : 0
        }
    }
}