feat: introduce StatusSectionMenuItem component

This commit is contained in:
Pascal Precht 2020-09-18 14:20:30 +02:00 committed by Iuri Matias
parent f6199ac179
commit afcb61397f
2 changed files with 78 additions and 0 deletions

View File

@ -0,0 +1,77 @@
import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import QtGraphicalEffects 1.13
import "../../imports"
import "../../shared"
Button {
id: control
property string label: ""
property string description: ""
property string info: ""
width: parent.width
horizontalPadding: 0
background: Rectangle {
anchors.fill: parent
color: "transparent"
}
contentItem: RowLayout {
id: item
width: parent.width
Column {
spacing: 2
StyledText {
text: control.label
font.pixelSize: 15
}
StyledText {
text: control.description
color: Style.current.secondaryText
font.pixelSize: 15
}
}
Item {
Layout.alignment: Qt.AlignRight
height: info.height
StyledText {
id: info
text: control.info
color: Style.current.secondaryText
font.pixelSize: 15
anchors.right: icon.left
anchors.rightMargin: icon.width + Style.current.padding
}
SVGImage {
id: icon
source: "../../app/img/caret.svg"
width: 13
height: 7
rotation: -90
anchors.verticalCenter: parent.verticalCenter
}
ColorOverlay {
anchors.fill: icon
source: icon
color: Style.current.darkGrey
rotation: -90
antialiasing: true
}
}
}
MouseArea {
cursorShape: Qt.PointingHandCursor
anchors.fill: parent
onPressed: mouse.accepted = false
}
}

View File

@ -2,5 +2,6 @@ StatusButton 1.0 StatusButton.qml
StatusRadioButton 1.0 StatusRadioButton.qml StatusRadioButton 1.0 StatusRadioButton.qml
StatusRoundButton 1.0 StatusRoundButton.qml StatusRoundButton 1.0 StatusRoundButton.qml
StatusSectionHeadline 1.0 StatusSectionHeadline.qml StatusSectionHeadline 1.0 StatusSectionHeadline.qml
StatusSectionMenuItem 1.0 StatusSectionMenuItem.qml
StatusSlider 1.0 StatusSlider.qml StatusSlider 1.0 StatusSlider.qml
StatusToolTip 1.0 StatusToolTip.qml StatusToolTip 1.0 StatusToolTip.qml