mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-07-08 07:27:29 -06:00
2ed68beb22
Without no-wrap, longer names would be put on multiple lines. These would then spill out of the display element
67 lines
No EOL
1.9 KiB
QML
67 lines
No EOL
1.9 KiB
QML
// Copyright (c) 2018 Ultimaker B.V.
|
|
// Cura is released under the terms of the LGPLv3 or higher.
|
|
|
|
import QtQuick 2.7
|
|
import QtQuick.Controls 2.0
|
|
import QtQuick.Layouts 1.3
|
|
|
|
import UM 1.5 as UM
|
|
import Cura 1.0 as Cura
|
|
|
|
// Reusable component that holds an (re-colorable) icon on the left with some text on the right.
|
|
// This component is also designed to be used with layouts. It will use the width of the text + icon as preferred width
|
|
// It sets the icon size + half of the content as its minimum width (in which case it will elide the text)
|
|
Item
|
|
{
|
|
property alias source: icon.source
|
|
property alias iconSize: icon.width
|
|
property alias iconColor: icon.color
|
|
property alias color: label.color
|
|
property alias text: label.text
|
|
property alias font: label.font
|
|
property alias elide: label.elide
|
|
property real margin: UM.Theme.getSize("narrow_margin").width
|
|
property alias wrapMode: label.wrapMode
|
|
|
|
// These properties can be used in combination with layouts.
|
|
readonly property real contentWidth: icon.width + margin + label.contentWidth
|
|
readonly property real minContentWidth: Math.round(icon.width + margin + 0.5 * label.contentWidth)
|
|
|
|
Layout.minimumWidth: minContentWidth
|
|
Layout.preferredWidth: contentWidth
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
|
|
implicitWidth: icon.width + 100
|
|
implicitHeight: icon.height
|
|
|
|
UM.RecolorImage
|
|
{
|
|
id: icon
|
|
width: UM.Theme.getSize("section_icon").width
|
|
height: width
|
|
|
|
color: UM.Theme.getColor("icon")
|
|
|
|
anchors
|
|
{
|
|
left: parent.left
|
|
verticalCenter: parent.verticalCenter
|
|
}
|
|
}
|
|
|
|
UM.Label
|
|
{
|
|
id: label
|
|
elide: Text.ElideRight
|
|
anchors
|
|
{
|
|
left: icon.right
|
|
right: parent.right
|
|
top: parent.top
|
|
bottom: parent.bottom
|
|
rightMargin: 0
|
|
margins: margin
|
|
}
|
|
}
|
|
} |