diff --git a/ui/StatusQ/sandbox/main.qml b/ui/StatusQ/sandbox/main.qml index 3dd596ef02..757c16d7e3 100644 --- a/ui/StatusQ/sandbox/main.qml +++ b/ui/StatusQ/sandbox/main.qml @@ -118,21 +118,21 @@ StatusWindow { anchors.horizontalCenter: parent.horizontalCenter spacing: 0 - NavigationHeader { text: "StatusQ.Core" } + StatusListSectionHeadline { text: "StatusQ.Core" } StatusNavigationListItem { title: "Icons" selected: page.sourceComponent == iconsComponent onClicked: page.sourceComponent = iconsComponent } - NavigationHeader { text: "StatusQ.Layout" } + StatusListSectionHeadline { text: "StatusQ.Layout" } StatusNavigationListItem { title: "Layouts" selected: page.sourceComponent == layoutComponent onClicked: page.sourceComponent = layoutComponent } - NavigationHeader { text: "StatusQ.Controls" } + StatusListSectionHeadline { text: "StatusQ.Controls" } StatusNavigationListItem { title: "Buttons" selected: page.sourceComponent == buttonsComponent @@ -143,7 +143,7 @@ StatusWindow { selected: page.sourceComponent == controlsComponent onClicked: page.sourceComponent = controlsComponent } - NavigationHeader { text: "StatusQ.Components" } + StatusListSectionHeadline { text: "StatusQ.Components" } StatusNavigationListItem { title: "List Items" selected: page.sourceComponent == listItemsComponent @@ -159,7 +159,7 @@ StatusWindow { selected: page.sourceComponent == othersComponent onClicked: page.sourceComponent = othersComponent } - NavigationHeader { text: "StatusQ.Popup" } + StatusListSectionHeadline { text: "StatusQ.Popup" } StatusNavigationListItem { title: "StatusPopupMenu" selected: page.sourceComponent == popupMenuComponent diff --git a/ui/StatusQ/sandbox/qml.qrc b/ui/StatusQ/sandbox/qml.qrc index 17e3f93ec5..082eb1dc8c 100644 --- a/ui/StatusQ/sandbox/qml.qrc +++ b/ui/StatusQ/sandbox/qml.qrc @@ -9,7 +9,6 @@ ListItems.qml StatusChatInfoToolBarPage.qml StatusPopupMenuPage.qml - NavigationHeader.qml ThemeSwitch.qml Layout.qml diff --git a/ui/StatusQ/sandbox/NavigationHeader.qml b/ui/StatusQ/src/StatusQ/Components/StatusListSectionHeadline.qml similarity index 56% rename from ui/StatusQ/sandbox/NavigationHeader.qml rename to ui/StatusQ/src/StatusQ/Components/StatusListSectionHeadline.qml index f4803ce099..6965c29e73 100644 --- a/ui/StatusQ/sandbox/NavigationHeader.qml +++ b/ui/StatusQ/src/StatusQ/Components/StatusListSectionHeadline.qml @@ -4,15 +4,18 @@ import StatusQ.Core 0.1 import StatusQ.Core.Theme 0.1 Item { - height: 34 - width: 176 + implicitHeight: 34 + implicitWidth: 176 + property alias text: label.text StatusBaseText { - anchors.verticalCenter: parent.verticalCenter + anchors.left: parent.left + anchors.bottom: parent.bottom + anchors.bottomMargin: 4 + anchors.leftMargin: 16 id: label font.pixelSize: 15 color: Theme.palette.baseColor1 } } - diff --git a/ui/StatusQ/src/StatusQ/Components/qmldir b/ui/StatusQ/src/StatusQ/Components/qmldir index 1c1d2a619e..5f51052ac2 100644 --- a/ui/StatusQ/src/StatusQ/Components/qmldir +++ b/ui/StatusQ/src/StatusQ/Components/qmldir @@ -11,6 +11,7 @@ StatusChatToolBar 0.1 StatusChatToolBar.qml StatusDescriptionListItem 0.1 StatusDescriptionListItem.qml StatusLetterIdenticon 0.1 StatusLetterIdenticon.qml StatusListItem 0.1 StatusListItem.qml +StatusListSectionHeadline 0.1 StatusListSectionHeadline.qml StatusLoadingIndicator 0.1 StatusLoadingIndicator.qml StatusNavigationListItem 0.1 StatusNavigationListItem.qml StatusNavigationPanelHeadline 0.1 StatusNavigationPanelHeadline.qml diff --git a/ui/StatusQ/statusq.qrc b/ui/StatusQ/statusq.qrc index 95d6180bbe..34446da7fb 100644 --- a/ui/StatusQ/statusq.qrc +++ b/ui/StatusQ/statusq.qrc @@ -26,6 +26,7 @@ src/StatusQ/Components/StatusRoundedImage.qml src/StatusQ/Components/StatusRoundIcon.qml src/StatusQ/Components/StatusListItem.qml + src/StatusQ/Components/StatusListSectionHeadline.qml src/StatusQ/Components/StatusDescriptionListItem.qml src/StatusQ/Components/StatusBadge.qml src/StatusQ/Components/StatusLetterIdenticon.qml