quasar-ui-danx 0.3.13 → 0.3.22
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/danx.es.js +5907 -5978
- package/dist/danx.es.js.map +1 -1
- package/dist/danx.umd.js +5 -5
- package/dist/danx.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/ActionTable/ActionTable.vue +4 -24
- package/src/components/ActionTable/Filters/CollapsableFiltersSidebar.vue +2 -10
- package/src/components/ActionTable/Form/Fields/DateRangeField.vue +5 -3
- package/src/components/ActionTable/Form/Fields/FileUploadButton.vue +34 -33
- package/src/components/ActionTable/Layouts/ActionTableLayout.vue +1 -1
- package/src/components/ActionTable/TableSummaryRow.vue +4 -4
- package/src/components/ActionTable/listControls.ts +383 -378
- package/src/components/Utility/Layouts/CollapsableSidebar.vue +1 -1
- package/src/styles/quasar-reset.scss +19 -63
- package/src/styles/themes/danx/action-table.scss +0 -19
- package/src/styles/themes/danx/index.scss +0 -1
@@ -81,7 +81,7 @@ const isCollapsed = ref(getItem(props.name + "-is-collapsed", props.collapse));
|
|
81
81
|
|
82
82
|
function setCollapse(state) {
|
83
83
|
isCollapsed.value = state;
|
84
|
-
setItem(props.name + "-is-collapsed",
|
84
|
+
setItem(props.name + "-is-collapsed", isCollapsed.value ? "1" : "");
|
85
85
|
}
|
86
86
|
|
87
87
|
function toggleCollapse() {
|
@@ -1,76 +1,32 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
}
|
5
|
-
|
6
|
-
.q-table__card {
|
7
|
-
background: inherit;
|
8
|
-
color: inherit;
|
9
|
-
}
|
1
|
+
.q-tab {
|
2
|
+
text-transform: capitalize
|
3
|
+
}
|
10
4
|
|
11
|
-
|
12
|
-
|
13
|
-
}
|
5
|
+
.q-tab-panels {
|
6
|
+
overflow: visible;
|
14
7
|
|
15
|
-
.q-
|
8
|
+
.q-panel {
|
16
9
|
overflow: visible;
|
17
10
|
|
18
|
-
|
19
|
-
overflow:
|
20
|
-
|
21
|
-
&.scroll {
|
22
|
-
overflow: auto;
|
23
|
-
}
|
24
|
-
|
25
|
-
.q-tab-panel {
|
26
|
-
padding: 0;
|
27
|
-
}
|
11
|
+
&.scroll {
|
12
|
+
overflow: auto;
|
28
13
|
}
|
29
14
|
|
30
|
-
|
31
|
-
|
15
|
+
.q-tab-panel {
|
16
|
+
padding: 0;
|
32
17
|
}
|
33
18
|
}
|
34
19
|
|
35
|
-
|
36
|
-
|
37
|
-
padding: 0;
|
38
|
-
}
|
39
|
-
|
40
|
-
.q-notification__actions {
|
41
|
-
color: inherit;
|
42
|
-
}
|
43
|
-
|
44
|
-
.q-date {
|
45
|
-
min-width: 100px;
|
46
|
-
|
47
|
-
.q-date__view {
|
48
|
-
min-height: 0;
|
49
|
-
}
|
20
|
+
&.overflow-y-auto {
|
21
|
+
overflow-y: auto;
|
50
22
|
}
|
23
|
+
}
|
51
24
|
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
.q-field__native {
|
58
|
-
min-height: 0;
|
59
|
-
color: inherit;
|
60
|
-
}
|
61
|
-
}
|
62
|
-
|
63
|
-
.q-field__control-container {
|
64
|
-
padding-top: 1.1rem;
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
.q-field__label {
|
69
|
-
color: inherit;
|
70
|
-
}
|
25
|
+
.q-toolbar {
|
26
|
+
min-height: 0;
|
27
|
+
padding: 0;
|
28
|
+
}
|
71
29
|
|
72
|
-
|
73
|
-
|
74
|
-
}
|
75
|
-
}
|
30
|
+
.q-notification__actions {
|
31
|
+
color: inherit;
|
76
32
|
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
.dx-table-summary-tr {
|
2
|
-
@apply bg-gray-100;
|
3
|
-
|
4
|
-
&.has-selection {
|
5
|
-
@apply bg-blue-600 text-white;
|
6
|
-
}
|
7
|
-
|
8
|
-
&.is-loading {
|
9
|
-
@apply opacity-50;
|
10
|
-
}
|
11
|
-
|
12
|
-
.dx-table-summary-td {
|
13
|
-
@apply font-bold bg-gray-100 pl-5;
|
14
|
-
|
15
|
-
&.has-selection {
|
16
|
-
@apply bg-blue-600 text-white pl-4;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
@import "action-table";
|