Add copy button (#31)

Add a copy button and style it
hacs · May 25, 2019 · 16eb091 · 16eb091
1 parent ea36d48
commit 16eb091
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/custom_components/hacs/frontend/elements/generate.py b/custom_components/hacs/frontend/elements/generate.py
@@ -139,6 +139,7 @@ async def element_note(self):
               </i>
               </br>
               <pre class="yaml">url: /community_plugin/{element}/{file_name}.js</pre>
+              <a onclick="navigator.clipboard.writeText('url: /community_plugin/{element}/{file_name}.js')"><i class="fa fa-copy"></i></a>
               </br></br>
               <i>
                 To learn more about how to configure this,

diff --git a/custom_components/hacs/frontend/elements/style.py b/custom_components/hacs/frontend/elements/style.py
@@ -14,6 +14,9 @@ async def style():
             border-style: solid;
             border-width: thin;
             margin: 0;
+            overflow: auto;
+            display: inline-flex;
+            width: calc(100% - 20px);
         }
         a {
           color: #ffab40;