feat: introduce StatusSectionDescItem
This is a component that is similar to the `StatusSectionMenuItem` component, just with the difference that it's not a clickable element, rather "description" element, inspired by HTML `<dl>`, `<dt>` and `<dd>` elements ("description list", "description term", "description" respectively). The component comes with a `CopyToClipBoardButton` by default. We might want to decide to make it configurable later on, as there could be places where we just want to render the description item, without a copyble description.
This commit is contained in:
parent
5ab99cbeac
commit
51083e2005
|
@ -0,0 +1,43 @@
|
|||
import QtQuick 2.13
|
||||
import QtQuick.Controls 2.13
|
||||
import QtQuick.Layouts 1.13
|
||||
import QtGraphicalEffects 1.13
|
||||
import "../../imports"
|
||||
import "../../shared"
|
||||
|
||||
Item {
|
||||
property string name
|
||||
property string description
|
||||
|
||||
id: root
|
||||
width: parent.width
|
||||
height: name.height
|
||||
|
||||
StyledText {
|
||||
id: name
|
||||
text: root.name
|
||||
font.pixelSize: 15
|
||||
}
|
||||
|
||||
StyledText {
|
||||
id: description
|
||||
visible: !!root.description
|
||||
text: root.description
|
||||
elide: Text.ElideRight
|
||||
font.pixelSize: 15
|
||||
horizontalAlignment: Text.AlignRight
|
||||
color: Style.current.secondaryText
|
||||
anchors.right: parent.right
|
||||
anchors.rightMargin: Style.current.smallPadding
|
||||
anchors.verticalCenter: name.verticalCenter
|
||||
|
||||
CopyToClipBoardButton {
|
||||
id: copyToClipboardBtn
|
||||
textToCopy: root.description
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.left: parent.right
|
||||
anchors.leftMargin: Style.current.smallPadding
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue