diff --git a/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml b/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml index 2460423347..ead1fe6b68 100644 --- a/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml +++ b/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml @@ -64,6 +64,18 @@ StatusGroupBox { */ property url placeholderImageSource + /*! + \qmlproperty int StatusFlowSelector::flowSpacing + This property specifies spacing between items in the selector. + */ + property alias flowSpacing: flow.spacing + + /*! + \qmlproperty int StatusFlowSelector::placeholderItemHeight + This property specifies the height of the placeholder item. + */ + property int placeholderItemHeight: 32 + /*! \qmlproperty StatusListItemTag StatusFlowSelector::placeholder This property holds an alias to the placeholder item. @@ -76,12 +88,6 @@ StatusGroupBox { */ readonly property alias addButton: addItemButton - /*! - \qmlproperty int StatusFlowSelector::flowSpacing - This property specifies spacing between items in the selector. - */ - property alias flowSpacing: flow.spacing - implicitWidth: 560 Flow { @@ -93,6 +99,9 @@ StatusGroupBox { StatusListItemTag { id: placeholderListItemTag + leftPadding: 12 + rightPadding: 12 + bgColor: Theme.palette.baseColor2 title: root.placeholderText asset.name: root.placeholderImageSource @@ -100,6 +109,8 @@ StatusGroupBox { closeButtonVisible: false titleText.color: Theme.palette.baseColor1 titleText.font.pixelSize: 15 + + height: root.placeholderItemHeight } onPositioningComplete: { @@ -114,7 +125,7 @@ StatusGroupBox { StatusRoundButton { id: addItemButton - implicitHeight: 32 + implicitHeight: root.placeholderItemHeight implicitWidth: implicitHeight height: width type: StatusRoundButton.Type.Secondary