Allow copy of ref item (#209)

Author: clementbiron

themes/opentermsarchive/assets/css/components/refItem.css

@@ -35,6 +35,11 @@
   font-weight: 400;
 }
 
+.refItem-anchor{
+  padding-left: 1rem;
+  padding-top: 0.2rem;
+}
+
 .refItem-anchor-icon {
   opacity: 0;
   color: var(--colorBlack600);

themes/opentermsarchive/layouts/shortcodes/refItem.html

@@ -10,14 +10,16 @@
 {{ $anchorID := $name | lower | replaceRE "[^a-z0-9-]" "-" | replaceRE "-+" "-" | replaceRE "^-" "" | replaceRE "-$" "" }}
 
 <div class="refItem" id="ref-{{ $anchorID }}">
-  <a href="#ref-{{ $anchorID }}"  class="refItem-name">
-      <code>{{ $name }}</code>
-      <span class="refItem-type">{{ $type }}</span>
-      {{ with $required }}
-        <span class="refItem-required">{{ if eq . true }}required{{ else }}{{ . | markdownify }}{{ end }}</span>
-      {{ end }}
+  <div class="refItem-name">
+    <code>{{ $name }}</code>
+    <span class="refItem-type">{{ $type }}</span>
+    {{ with $required }}
+    <span class="refItem-required">{{ if eq . true }}required{{ else }}{{ . | markdownify }}{{ end }}</span>
+    {{ end }}
+    <a class="refItem-anchor" href="#ref-{{ $anchorID }}">
       <i class="refItem-anchor-icon icon" data-lucide="link"></i>
-  </a>
+    </a>
+  </div>
   <div class="refItem-description">{{ $description | markdownify | safeHTML }}</div>
   <div class="refItem-details refItem-details__{{ if .Inner }}full{{ end }}">
     {{ if $default }}