[GraphEditor] AttributePin: Handle width and elide for attributes' name

Author: cbentejac

meshroom/ui/qml/GraphEditor/AttributePin.qml

@@ -235,16 +235,19 @@ RowLayout {
         MaterialToolLabel {
             id: nameLabel
 
+            width: hovered ? contentWidth : parent.width
             anchors.rightMargin: 0
             anchors.right: root.attribute && root.attribute.isOutput ? parent.right : undefined
             labelIconRow.layoutDirection: root.attribute.isOutput ? Qt.RightToLeft : Qt.LeftToRight
             labelIconRow.spacing: 0
 
             enabled: !root.readOnly
             visible: true
-            property bool hovered: (inputConnectMA.containsMouse || inputConnectMA.drag.active ||
-                                    inputDropArea.containsDrag || outputConnectMA.containsMouse ||
-                                    outputConnectMA.drag.active || outputDropArea.containsDrag)
+            property bool hovered: parent.width == 0 ||  // Dirty trick to trigger the width change AFTER the parent size has been set
+                                   ((inputConnectMA.hoverEnabled || outputConnectMA.hoverEnabled) &&
+                                    ((inputConnectMA.containsMouse || inputConnectMA.drag.active ||
+                                      inputDropArea.containsDrag || outputConnectMA.containsMouse ||
+                                      outputConnectMA.drag.active || outputDropArea.containsDrag)))
 
             labelIconColor: {
                 if ((root.attribute.hasOutputConnections || root.attribute.isLink) && !root.attribute.enabled) {
@@ -260,6 +263,7 @@ RowLayout {
             label.text: root.attribute.label
             label.font.pointSize: 7
             label.elide: hovered ? Text.ElideNone : Text.ElideMiddle
+            label.width: hovered ? contentWidth : parent.width
             label.horizontalAlignment: root.attribute && root.attribute.isOutput ? Text.AlignRight : Text.AlignLeft
 
             // Icon