adminforth 2.4.0-next.327 → 2.4.0-next.329
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/spa/src/App.vue
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
3
|
<nav
|
|
4
|
-
v-if="loggedIn && routerIsReady && loginRedirectCheckIsReady && defaultLayout
|
|
4
|
+
v-if="loggedIn && routerIsReady && loginRedirectCheckIsReady && defaultLayout"
|
|
5
5
|
class="fixed h-14 top-0 z-30 w-full border-b shadow-sm bg-lightNavbar shadow-headerShadow dark:bg-darkNavbar dark:border-darkSidebarDevider"
|
|
6
6
|
>
|
|
7
7
|
<div class="af-header px-3 lg:px-5 lg:pl-3 flex items-center justify-between h-full w-full" >
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<tbody>
|
|
16
16
|
<!-- table header -->
|
|
17
17
|
<tr class="t-header sticky z-20 top-0 text-xs text-lightListTableHeadingText bg-lightListTableHeading dark:bg-darkListTableHeading dark:text-darkListTableHeadingText">
|
|
18
|
-
<td scope="col" class="p-4 sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading">
|
|
18
|
+
<td scope="col" class="list-table-header-cell p-4 sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading">
|
|
19
19
|
<Checkbox
|
|
20
20
|
:modelValue="allFromThisPageChecked"
|
|
21
21
|
:disabled="!rows || !rows.length"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
</Checkbox>
|
|
26
26
|
</td>
|
|
27
27
|
|
|
28
|
-
<td v-for="c in columnsListed" ref="headerRefs" scope="col" class="px-2 md:px-3 lg:px-6 py-3" :class="{'sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading': c.listSticky}">
|
|
28
|
+
<td v-for="c in columnsListed" ref="headerRefs" scope="col" class="list-table-header-cell px-2 md:px-3 lg:px-6 py-3" :class="{'sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading': c.listSticky}">
|
|
29
29
|
|
|
30
30
|
<div @click="(evt) => c.sortable && onSortButtonClick(evt, c.name)"
|
|
31
31
|
class="flex items-center " :class="{'cursor-pointer':c.sortable}">
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
<tr @click="onClick($event,row)"
|
|
87
87
|
v-else v-for="(row, rowI) in rows" :key="`row_${row._primaryKeyValue}`"
|
|
88
88
|
ref="rowRefs"
|
|
89
|
-
class="bg-lightListTable dark:bg-darkListTable border-lightListBorder dark:border-gray-700 hover:bg-lightListTableRowHover dark:hover:bg-darkListTableRowHover"
|
|
89
|
+
class="list-table-body-row bg-lightListTable dark:bg-darkListTable border-lightListBorder dark:border-gray-700 hover:bg-lightListTableRowHover dark:hover:bg-darkListTableRowHover"
|
|
90
90
|
|
|
91
91
|
:class="{'border-b': rowI !== rows.length - 1, 'cursor-pointer': row._clickUrl !== null}"
|
|
92
92
|
>
|
|
@@ -620,9 +620,10 @@ td.sticky-column {
|
|
|
620
620
|
@apply left-[56px];
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
|
-
tr:not(:first-child):hover {
|
|
624
|
-
td.sticky-column {
|
|
623
|
+
tr.list-table-body-row:not(:first-child):hover {
|
|
624
|
+
td.sticky-column:not(.list-table-header-cell) {
|
|
625
625
|
@apply bg-lightListTableRowHover dark:bg-darkListTableRowHover;
|
|
626
626
|
}
|
|
627
627
|
}
|
|
628
|
+
|
|
628
629
|
</style>
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<tbody>
|
|
20
20
|
<!-- table header -->
|
|
21
21
|
<tr class="t-header sticky z-20 top-0 text-xs bg-lightListTableHeading dark:bg-darkListTableHeading dark:text-gray-400">
|
|
22
|
-
<td scope="col" class="p-4 sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading">
|
|
22
|
+
<td scope="col" class="list-table-header-cell p-4 sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading">
|
|
23
23
|
<Checkbox
|
|
24
24
|
:modelValue="allFromThisPageChecked"
|
|
25
25
|
:disabled="!rows || !rows.length"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</Checkbox>
|
|
30
30
|
</td>
|
|
31
31
|
|
|
32
|
-
<td v-for="c in columnsListed" ref="headerRefs" scope="col" class="px-2 md:px-3 lg:px-6 py-3" :class="{'sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading': c.listSticky}">
|
|
32
|
+
<td v-for="c in columnsListed" ref="headerRefs" scope="col" class="list-table-header-cell px-2 md:px-3 lg:px-6 py-3" :class="{'sticky-column bg-lightListTableHeading dark:bg-darkListTableHeading': c.listSticky}">
|
|
33
33
|
|
|
34
34
|
<div @click="(evt) => c.sortable && onSortButtonClick(evt, c.name)"
|
|
35
35
|
class="flex items-center " :class="{'cursor-pointer':c.sortable}">
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
v-for="(row, rowI) in visibleRows"
|
|
98
98
|
:key="`row_${row._primaryKeyValue}`"
|
|
99
99
|
ref="rowRefs"
|
|
100
|
-
class="bg-lightListTable dark:bg-darkListTable border-lightListBorder dark:border-gray-700 hover:bg-lightListTableRowHover dark:hover:bg-darkListTableRowHover"
|
|
100
|
+
class="list-table-body-row bg-lightListTable dark:bg-darkListTable border-lightListBorder dark:border-gray-700 hover:bg-lightListTableRowHover dark:hover:bg-darkListTableRowHover"
|
|
101
101
|
:class="{'border-b': rowI !== visibleRows.length - 1, 'cursor-pointer': row._clickUrl !== null}"
|
|
102
102
|
@mounted="(el: any) => updateRowHeight(`row_${row._primaryKeyValue}`, el.offsetHeight)"
|
|
103
103
|
>
|
|
@@ -761,8 +761,8 @@ td.sticky-column {
|
|
|
761
761
|
@apply left-[56px];
|
|
762
762
|
}
|
|
763
763
|
}
|
|
764
|
-
tr:not(:first-child):hover {
|
|
765
|
-
td.sticky-column {
|
|
764
|
+
tr.list-table-body-row:not(:first-child):hover {
|
|
765
|
+
td.sticky-column:not(.list-table-header-cell) {
|
|
766
766
|
@apply bg-lightListTableRowHover dark:bg-darkListTableRowHover;
|
|
767
767
|
}
|
|
768
768
|
}
|