feat: introduce StatusSectionMenuItem component
This commit is contained in:
parent
f6199ac179
commit
afcb61397f
|
@ -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
|
||||
}
|
||||
}
|
|
@ -2,5 +2,6 @@ StatusButton 1.0 StatusButton.qml
|
|||
StatusRadioButton 1.0 StatusRadioButton.qml
|
||||
StatusRoundButton 1.0 StatusRoundButton.qml
|
||||
StatusSectionHeadline 1.0 StatusSectionHeadline.qml
|
||||
StatusSectionMenuItem 1.0 StatusSectionMenuItem.qml
|
||||
StatusSlider 1.0 StatusSlider.qml
|
||||
StatusToolTip 1.0 StatusToolTip.qml
|
||||
|
|
Loading…
Reference in New Issue