Add cursor pointer

SpeciesFileGroup · Feb 10, 2025 · bcc1e72 · bcc1e72
1 parent d3b0e06
commit bcc1e72
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 5 deletions.
diff --git a/app/javascript/vue/components/ui/VIcon/Paths/pointer.js b/app/javascript/vue/components/ui/VIcon/Paths/pointer.js
@@ -0,0 +1,7 @@
+export const pointer = {
+  paths: [
+    {
+      d: 'm20.19,9.33c-.16,0-1.53.04-1.53,1.5v2c0,.28-.22.5-.5.5s-.5-.22-.5-.5v-4.67c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5,1.5v4.67c0,.28-.22.5-.5.5s-.5-.22-.5-.5v-6c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5,1.5v6c0,.28-.22.5-.5.5s-.5-.22-.5-.5V1.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5,1.5v15.33c0,.21-.13.42-.33.49-.19.07-.42.04-.55-.12l-2.76-3.2c-.34-.43-.85-.67-1.37-.67-.18,0-.35.03-.52.08-.49.16-.87.52-1.04.99-.17.45-.12.95.14,1.36l2.1,3.48c3.92,6.53,5.58,7.76,10.5,7.76,4.27,0,8.83-1.97,8.83-7.5v-8.67c0-.84-.65-1.5-1.47-1.5Z'
+    }
+  ]
+}
diff --git a/app/javascript/vue/components/ui/VIcon/icons.js b/app/javascript/vue/components/ui/VIcon/icons.js
@@ -46,3 +46,4 @@ export * from './Paths/clip.js'
 export * from './Paths/merge.js'
 export * from './Paths/close.js'
 export * from './Paths/eraser.js'
+export * from './Paths/pointer.js'
diff --git a/app/javascript/vue/tasks/citations/otus/components/Panel/Recent/RecentList.vue b/app/javascript/vue/tasks/citations/otus/components/Panel/Recent/RecentList.vue
@@ -11,21 +11,32 @@
         v-for="item in list"
         :key="item.id"
       >
-        <td
-          class="cursor-pointer"
-          @click="() => emit('select', item)"
-        >
+        <td>
           <div v-html="item[label]" />
         </td>
         <td class="w-2">
-          <RadialNavigator :global-id="item.globalId" />
+          <div class="horizontal-right-content middle gap-small">
+            <VBtn
+              color="primary"
+              circle
+              @click="() => emit('select', item)"
+            >
+              <VIcon
+                name="pointer"
+                x-small
+              />
+            </VBtn>
+            <RadialNavigator :global-id="item.globalId" />
+          </div>
         </td>
       </tr>
     </tbody>
   </table>
 </template>
 
 <script setup>
+import VBtn from '@/components/ui/VBtn/index.vue'
+import VIcon from '@/components/ui/VIcon/index.vue'
 import RadialNavigator from '@/components/radials/navigation/radial.vue'
 
 defineProps({