accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-11-10 07:40:55 +00:00
Code Issues Releases Activity

fix: ListView Row hover

Browse Source
This commit is contained in:
Faris Ansari 2019-10-24 16:55:44 +05:30
parent d7dc08a45d
commit 387b2acab0
1 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/pages/ListView/List.vue
View File

@ -1,30 +1,32 @@
<template>
<div class="px-8 pb-8 mt-2 text-sm flex flex-col justify-between">
<div class="px-5 pb-8 mt-2 text-sm flex flex-col justify-between">
<div>
<Row class="text-gray-700" :columnCount="columns.length" gap="1rem">
<div
v-for="column in columns"
:key="column.label"
class="py-4 truncate"
:class="['Float', 'Currency'].includes(column.fieldtype) ? 'text-right' : ''"
>{{ column.label }}</div>
</Row>
<Row
gap="1rem"
class="cursor-pointer text-gray-900 hover:text-gray-600"
v-for="doc in data"
:key="doc.name"
@click.native="openForm(doc.name)"
:columnCount="columns.length"
>
<ListCell
v-for="column in columns"
:key="column.label"
:class="['Float', 'Currency'].includes(column.fieldtype) ? 'text-right' : ''"
:doc="doc"
:column="column"
></ListCell>
</Row>
<div class="px-3">
<Row class="text-gray-700" :columnCount="columns.length" gap="1rem">
<div
v-for="column in columns"
:key="column.label"
class="py-4 truncate"
:class="['Float', 'Currency'].includes(column.fieldtype) ? 'text-right' : ''"
>{{ column.label }}</div>
</Row>
</div>
<div class="px-3 hover:bg-gray-100 rounded" v-for="doc in data" :key="doc.name">
<Row
gap="1rem"
class="cursor-pointer text-gray-900"
@click.native="openForm(doc.name)"
:columnCount="columns.length"
>
<ListCell
v-for="column in columns"
:key="column.label"
:class="['Float', 'Currency'].includes(column.fieldtype) ? 'text-right' : ''"
:doc="doc"
:column="column"
></ListCell>
</Row>
</div>
</div>
<div class="flex items-center justify-center">
<Button