SelectableLabel with same mechanism as SelectableItem.

Note that we can not easily integrate it with Label due to recursive use
of Kube.Label via the Button component. (Would be doable via dynamic
loading, but that stuff is a PITA to do).

1 files changed, 12 insertions, 16 deletions

diff --git a/framework/qml/SelectableLabel.qml b/framework/qml/SelectableLabel.qml
index 920f5c7a..308bf3d6 100644
--- a/framework/qml/SelectableLabel.qml
+++ b/framework/qml/SelectableLabel.qml
@@ -23,23 +23,19 @@ import org.kube.framework 1.0 as Kube
 
 Kube.Label {
     id: root
-    MouseArea {
-        id: mouseArea
+    Kube.ContextMenuOverlay {
+        id: menu
         anchors.fill: parent
-        hoverEnabled: true
-        z: 1
-    }
-    Kube.IconButton {
-        anchors {
-            left: parent.right
-            verticalCenter: parent.verticalCenter
-        }
-        iconName: Kube.Icons.copy
-        visible: mouseArea.containsMouse || hovered
-        color: Kube.Colors.backgroundColor
-        onClicked: clipboard.text = root.text
-        Kube.Clipboard {
-            id: clipboard
+        Kube.TextButton {
+            id: button
+            text: qsTr("Copy")
+            onClicked: {
+                clipboard.text = root.text
+                menu.close()
+            }
+            Kube.Clipboard {
+                id: clipboard
+            }
         }
     }
 }