Elide long config paths in the node view (fix status-row overflow) (#43)

* Elide long config paths in the node view instead of wrapping

The User Config path is a long absolute path with no spaces, so Text.WordWrap
can't break it cleanly and it overflows the status row. Switch both the User
Config and Deployment Config labels to Text.ElideMiddle so the path truncates
in the middle — keeping the leading directories and the file name visible —
and the row keeps its height.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* Add spacing between the User/Deployment config rows

Drop the negative topMargin that pulled the two config lines together and give
the column a small spacing so they don't read as cramped.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

---------

Co-authored-by: Alisher <xAlisher@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Alisher 2026-07-24 11:15:45 +02:00 committed by GitHub
parent e7ef86caff
commit 48582abcc4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -76,6 +76,7 @@ Rectangle {
ColumnLayout {
Layout.fillWidth: true
spacing: Theme.spacing.small
RowLayout {
Layout.fillWidth: true
@ -90,13 +91,15 @@ Rectangle {
(root.useGeneratedConfig ? " " + qsTr("(Generated)") : "")
font.pixelSize: Theme.typography.secondaryText
color: Theme.palette.textSecondary
wrapMode: Text.WordWrap
// A long absolute config path has no spaces to wrap on and
// overflows the row elide the middle so the leading dirs
// and the file name both stay visible.
elide: Text.ElideMiddle
}
}
RowLayout {
Layout.fillWidth: true
Layout.topMargin: -Theme.spacing.small
spacing: Theme.spacing.small
LogosText {
text: qsTr("Deployment Config: ")
@ -111,7 +114,7 @@ Rectangle {
(root.deploymentConfig || qsTr("No file selected")))
font.pixelSize: Theme.typography.secondaryText
color: Theme.palette.textSecondary
wrapMode: Text.WordWrap
elide: Text.ElideMiddle
}
}
}