Warp and elide ApplicationButton display name

To make sure that it properly fits in the available space.

CURA-8421
This commit is contained in:
Konstantinos Karmas 2021-09-20 15:58:53 +02:00
parent 570fb3cf93
commit 15884a66e8

View file

@ -60,8 +60,10 @@ Button
right: parent.right right: parent.right
rightMargin: - Math.round(width * 5 / 6) rightMargin: - Math.round(width * 5 / 6)
} }
Rectangle Rectangle
{ {
id: externalLinkIndicatorBackground
anchors.centerIn: parent anchors.centerIn: parent
width: UM.Theme.getSize("small_button_icon").width width: UM.Theme.getSize("small_button_icon").width
height: width height: width
@ -71,14 +73,12 @@ Button
UM.RecolorImage UM.RecolorImage
{ {
id: externalLinkIcon id: externalLinkIndicatorIcon
anchors.centerIn: parent anchors.centerIn: parent
width: UM.Theme.getSize("printer_status_icon").width width: UM.Theme.getSize("printer_status_icon").width
height: width height: width
color: UM.Theme.getColor("monitor_icon_primary") color: UM.Theme.getColor("monitor_icon_primary")
source: UM.Theme.getIcon("LinkExternal") source: UM.Theme.getIcon("LinkExternal")
} }
} }
@ -87,8 +87,14 @@ Button
Label Label
{ {
id: applicationDisplayName id: applicationDisplayName
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
width: base.width - UM.Theme.getSize("default_margin").width
horizontalAlignment: Text.AlignHCenter
maximumLineCount: 2
wrapMode: Text.Wrap
elide: Text.ElideRight
} }
} }
} }