accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-12-23 19:39:07 +00:00
Code Issues Releases Activity

fix: Set max-width for cells in report

Browse Source
This commit is contained in:
Faris Ansari 2020-05-06 23:29:32 +05:30
parent dcfc6891fd
commit 2695c194a3
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/Report.vue
View File

@ -6,9 +6,9 @@
<SearchBar class="ml-2" /> <SearchBar class="ml-2" />
</template> </template>
</PageHeader> </PageHeader>
<div class="mt-2 flex text-base px-8" v-if="report.filterFields"> <div class="flex px-8 mt-2 text-base" v-if="report.filterFields">
<div <div
class="ml-3 first:ml-0 w-32" class="w-32 ml-3 first:ml-0"
v-for="df in report.filterFields" v-for="df in report.filterFields"
:key="df.fieldname" :key="df.fieldname"
> >
@ -26,7 +26,7 @@
<div ref="header" class="overflow-hidden"> <div ref="header" class="overflow-hidden">
<Row gap="2rem" :grid-template-columns="gridTemplateColumns"> <Row gap="2rem" :grid-template-columns="gridTemplateColumns">
<div <div
class="text-base truncate py-4" class="py-4 text-base truncate"
:class="[ :class="[
getColumnAlignClass(column), getColumnAlignClass(column),
loading ? 'text-gray-100' : 'text-gray-600' loading ? 'text-gray-100' : 'text-gray-600'
@ -50,7 +50,7 @@
:grid-template-columns="gridTemplateColumns" :grid-template-columns="gridTemplateColumns"
> >
<div <div
class="text-base truncate py-4" class="py-4 text-base truncate"
:class="getCellClasses(row, column)" :class="getCellClasses(row, column)"
v-for="column in columns" v-for="column in columns"
:key="column.label" :key="column.label"
@ -59,7 +59,7 @@
<div class="inline-flex"> <div class="inline-flex">
<feather-icon <feather-icon
v-if="row.isBranch && !row.isLeaf && column === columns[0]" v-if="row.isBranch && !row.isLeaf && column === columns[0]"
class="w-4 h-4 mr-2 flex-shrink-0" class="flex-shrink-0 w-4 h-4 mr-2"
:name="row.expanded ? 'chevron-down' : 'chevron-right'" :name="row.expanded ? 'chevron-down' : 'chevron-right'"
/> />
<span class="truncate" :class="{ 'bg-gray-100': loading }"> <span class="truncate" :class="{ 'bg-gray-100': loading }">
@ -298,7 +298,7 @@ export default {
multiplier = 1; multiplier = 1;
} }
let minWidth = `${7 * multiplier}rem`; let minWidth = `${7 * multiplier}rem`;
let maxWidth = `${1 * multiplier}fr`; let maxWidth = `${9 * multiplier}rem`;
return `minmax(${minWidth}, ${maxWidth})`; return `minmax(${minWidth}, ${maxWidth})`;
}) })