Copy button added to variables title (#17935)

hashicorp · Jul 26, 2023 · 28d499a · 28d499a
1 parent 49b36e3
commit 28d499a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/.changelog/17935.txt b/.changelog/17935.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: added a button to copy variable path to clipboard
+```
diff --git a/ui/app/styles/components/variables.scss b/ui/app/styles/components/variables.scss
@@ -24,6 +24,10 @@
       margin-right: 0.25rem;
     }
   }
+  .copy-button {
+    position: relative;
+    top: 3px;
+  }
 }
 
 .new-variables {

diff --git a/ui/app/templates/variables/variable/index.hbs b/ui/app/templates/variables/variable/index.hbs
@@ -7,6 +7,12 @@
   <div>
     <FlightIcon @name="file-text" />
     {{this.model.path}}
+      <CopyButton
+        @inset={{true}}
+        @compact={{true}}
+        @clipboardText={{this.model.path}}
+      />
+
     <Toggle
       {{keyboard-shortcut 
         label="Toggle View (JSON/List)"