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