Add copy Project name button in header

Signed-off-by: tdruez <[email protected]>

Author: tdruez

scancodeio/static/main.css

@@ -340,6 +340,10 @@ a[target="_blank"] .fa-up-right-from-square {
 #content-header input[name="search"] {
   width: 225px;
 }
+.is-borderless {
+  --bulma-button-border-width: 0px;
+  --bulma-button-outer-shadow-a: 0;
+}
 button.as-link {
   height: auto;
   line-height: initial;

scanpipe/templates/scanpipe/project_detail.html

@@ -21,6 +21,9 @@
             </li>
             <li class="is-active">
               <a href="#" aria-current="page">{{ project.name }}</a>
+              <button class="button is-borderless has-text-grey copy-to-clipboard p-2" aria-label="Copy name" data-copy="{{ project.name }}" data-copy-feedback="Name copied!">
+                <i class="fa-regular fa-clone"></i>
+              </button>
             </li>
           </ul>
         </nav>

scanpipe/templates/scanpipe/tree/resource_path_breadcrumb.html

@@ -30,7 +30,7 @@
       {% endif %}
     {% endfor %}
   </ul>
-  <button class="button is-white copy-to-clipboard p-2" aria-label="Copy path" data-copy="{{ path }}" data-copy-feedback="Path copied!">
+  <button class="button is-borderless copy-to-clipboard p-2" aria-label="Copy path" data-copy="{{ path }}" data-copy-feedback="Path copied!">
     <i class="fa-regular fa-clone"></i>
   </button>
 </nav>