Copy button tooltip

unisonweb · Aug 29, 2024 · 9171719 · 9171719
1 parent a45ad50
commit 9171719
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 7 deletions.
diff --git a/src/Code/Workspace/WorkspaceItem.elm b/src/Code/Workspace/WorkspaceItem.elm
@@ -454,21 +454,30 @@ viewInfoItems namespaceActionMenu ref hash_ rawSource info =
         hashInfoItem =
             Hash.view hash_
 
-        copyCodeToClipboard =
+        copySourceToClipboard =
             case rawSource of
                 Just s ->
                     div [ class "copy-code" ]
-                        [ CopyOnClick.view s
-                            (div [ class "button small outlined content-icon" ]
-                                [ Icon.view Icon.clipboard ]
-                            )
-                            (Icon.view Icon.checkmark)
+                        [ Tooltip.tooltip (Tooltip.text "Copy full source")
+                            |> Tooltip.withArrow Tooltip.Middle
+                            |> Tooltip.view
+                                (CopyOnClick.view s
+                                    (div [ class "button small outlined content-icon" ]
+                                        [ Icon.view Icon.clipboard ]
+                                    )
+                                    (Icon.view Icon.checkmark)
+                                )
                         ]
 
                 Nothing ->
                     UI.nothing
     in
-    div [ class "workspace-item_info-items" ] [ hashInfoItem, otherNames, namespace, copyCodeToClipboard ]
+    div [ class "workspace-item_info-items" ]
+        [ hashInfoItem
+        , otherNames
+        , namespace
+        , copySourceToClipboard
+        ]
 
 
 viewInfo : NamespaceActionMenu -> Reference -> Hash -> Maybe String -> Info -> Category -> Html Msg

diff --git a/src/css/code/workspace-item.css b/src/css/code/workspace-item.css
@@ -139,6 +139,11 @@
   gap: 0.5rem;
 }
 
+.workspace-item .workspace-item_header .copy-code .tooltip-bubble {
+  margin-top: 0.5rem;
+  margin-left: -1.25rem;
+}
+
 .workspace-item .workspace-item_header .copy-code .copy-on-click .copy-on-click_success {
   margin-top: 2px; 
 }