accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-11-13 00:46:28 +00:00
Code Issues Releases Activity

fix: Use css to toggle row remove icon

Browse Source
This commit is contained in:
Faris Ansari 2020-05-06 23:03:50 +05:30
parent 4a5b55624f
commit dcfc6891fd
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Controls/TableRow.vue
View File

@ -1,21 +1,14 @@
<template> <template>
<Row <Row :ratio="ratio" class="w-full px-2 border-b hover:bg-brand-100 group">
:ratio="ratio"
class="border-b px-2 w-full "
:class="{ 'bg-brand-100': hovering }"
@mouseover="hovering = true"
@mouseleave="hovering = false"
@click="hovering = false"
>
<div class="flex items-center pl-2 text-gray-600"> <div class="flex items-center pl-2 text-gray-600">
<span v-if="hovering"> <span class="hidden group-hover:inline-block">
<feather-icon <feather-icon
name="x" name="x"
class="w-4 h-4 -ml-1 cursor-pointer" class="w-4 h-4 -ml-1 cursor-pointer"
@click="$emit('remove')" @click="$emit('remove')"
/> />
</span> </span>
<span v-else> <span class="group-hover:hidden">
{{ row.idx + 1 }} {{ row.idx + 1 }}
</span> </span>
</div> </div>