qml: don't align text in center if text overflows in GridItem

fixes #25596

modules/gui/qt/medialibrary/qml/MusicArtist.qml

@@ -123,7 +123,7 @@ Widgets.NavigableFocusScope {
                             image: model.cover || VLCStyle.noArtAlbum
                             title: model.title || i18n.qtr("Unknown title")
                             subtitle: model.release_year || ""
-                            textHorizontalAlignment: Text.AlignHCenter
+                            textAlignHCenter: true
                             x: selectedBorderWidth
                             y: selectedBorderWidth
                             pictureWidth: VLCStyle.gridCover_music_width

modules/gui/qt/medialibrary/qml/MusicArtistsDisplay.qml

@@ -180,7 +180,7 @@ Widgets.PageLoader {
                         playCoverBorderWidth: VLCStyle.dp(3, VLCStyle.scale)
                         titleMargin: VLCStyle.margin_xlarge
                         playIconSize: VLCStyle.play_cover_small
-                        textHorizontalAlignment: Text.AlignHCenter
+                        textAlignHCenter: true
                         width: VLCStyle.colWidth(1)
                         dragItem: artistsDragItem
                         unselectedUnderlay: shadows.unselected

modules/gui/qt/widgets/qml/GridItem.qml

@@ -31,13 +31,11 @@ FocusScope {
     property alias image: picture.source
     property alias title: titleLabel.text
     property alias subtitle: subtitleTxt.text
-    property alias textHorizontalAlignment: subtitleTxt.horizontalAlignment
     property alias playCoverBorderWidth: picture.playCoverBorderWidth
     property alias playCoverOnlyBorders: picture.playCoverOnlyBorders
     property alias playIconSize: picture.playIconSize
     property alias pictureRadius: picture.radius
     property alias pictureOverlay: picture.imageOverlay
-    property bool selected: false
     property alias unselectedUnderlay: unselectedUnderlayLoader.sourceComponent
     property alias selectedUnderlay: selectedUnderlayLoader.sourceComponent
 
@@ -46,6 +44,12 @@ FocusScope {
     property int titleMargin: VLCStyle.margin_xsmall
     property Item dragItem
 
+    // if true, texts are horizontally centered, provided it can fit in pictureWidth
+    property bool textAlignHCenter: false
+
+    // if the item is selected
+    property bool selected: false
+
     signal playClicked
     signal addToPlaylistClicked
     signal itemClicked(Item menuParent, int key, int modifier)
@@ -266,7 +270,7 @@ FocusScope {
 
                     elide: Text.ElideNone
                     width: pictureWidth
-                    horizontalAlignment: root.textHorizontalAlignment
+                    horizontalAlignment: root.textAlignHCenter && titleLabel.contentWidth <= titleLabel.width ? Text.AlignHCenter : Text.AlignLeft
                     topPadding: root.titleMargin
                     color: selectionRect.visible ? VLCStyle.colors.bgHoverText : VLCStyle.colors.text
                 }
@@ -278,7 +282,8 @@ FocusScope {
                 visible: text !== ""
                 text: root.subtitle
                 width: pictureWidth
-                topPadding: VLCStyle.margin_xsmall
+                topPadding: VLCStyle.margin_xsmall              
+                horizontalAlignment: root.textAlignHCenter && subtitleTxt.contentWidth <= subtitleTxt.width ? Text.AlignHCenter : Text.AlignLeft
                 color: selectionRect.visible
                        ? VLCStyle.colors.setColorAlpha(VLCStyle.colors.bgHoverText, .6)
                        : VLCStyle.colors.menuCaption