jobdone-shared-files 1.0.13 → 1.0.16
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/ProjectManagement/projectNavbar.vue +363 -363
- package/autocompleteSelect.vue +461 -461
- package/common/directives/collapse.js +12 -12
- package/common/directives/popovers.js +10 -10
- package/common/directives/selectPlaceholder.js +52 -52
- package/common/directives/textareaAutoHeight.js +10 -10
- package/common/directives/tooltip.js +10 -10
- package/common/format.js +26 -26
- package/index.js +14 -14
- package/lightboxWithOverview.vue +156 -156
- package/package.json +19 -19
- package/paginate.vue +141 -141
- package/style/css/vue-loading-overlay/index.css +40 -40
- package/style/scss/Common/Animation.scss +9 -9
- package/style/scss/Common/SelectableTable.scss +34 -34
- package/style/scss/Common/filepond.scss +31 -31
- package/style/scss/Common/thumbnail-group.scss +14 -14
- package/style/scss/Layout/LayoutBase.scss +1031 -1031
- package/style/scss/Layout/LayoutMobile.scss +206 -206
- package/style/scss/Layout/LayoutProject.scss +126 -126
- package/style/scss/Layout/LayoutSinglePage.scss +17 -17
- package/style/scss/Layout/LayoutTwoColumn.scss +60 -60
- package/style/scss/Settings/_Mixins.scss +232 -232
- package/style/scss/Settings/_MobileVariables.scss +11 -11
- package/style/scss/Settings/_bs-variables-dark.scss +70 -70
- package/style/scss/Settings/_bs-variables.scss +1743 -1743
- package/style/scss/Settings/_color-mode.scss +122 -122
- package/style/scss/Settings/_custom-variables.scss +10 -10
- package/tagEditor.vue +249 -249
- package/tree.vue +68 -69
- package/treeItem.vue +355 -371
- package/vueLoadingOverlay.vue +74 -74
package/paginate.vue
CHANGED
|
@@ -1,142 +1,142 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<ul class="pagination pagination-round mb-0" :class="containerClass">
|
|
3
|
-
<li class="page-item" :class="{'disabled':!pagination.ShowToPrev}">
|
|
4
|
-
<button type="button" class="page-link" @click="toPage(1)">
|
|
5
|
-
<span class="material-icons">first_page</span>
|
|
6
|
-
</button>
|
|
7
|
-
</li>
|
|
8
|
-
<li class="page-item" :class="{'disabled':!pagination.ShowToPrev}">
|
|
9
|
-
<button type="button" class="page-link" @click="toPage(currentPage-1)">
|
|
10
|
-
<span class="material-icons icon-18">chevron_left</span>
|
|
11
|
-
</button>
|
|
12
|
-
</li>
|
|
13
|
-
<li class="page-item page-item-ellipsis" v-if="pagination.ShowPrevPageMore">
|
|
14
|
-
<span>⋯</span>
|
|
15
|
-
</li>
|
|
16
|
-
<li class="page-item" v-for="n in range" :class="{'active':n===currentPage}">
|
|
17
|
-
<button type="button" class="page-link" @click="toPage(n)">{{n}}</button>
|
|
18
|
-
</li>
|
|
19
|
-
<li class="page-item page-item-ellipsis" v-if="pagination.ShowNextPageMore">
|
|
20
|
-
<span>⋯</span>
|
|
21
|
-
</li>
|
|
22
|
-
<li class="page-item" :class="{'disabled':!pagination.ShowToNext}">
|
|
23
|
-
<button type="button" class="page-link" @click="toPage(currentPage+1)">
|
|
24
|
-
<span class="material-icons icon-18">chevron_right</span>
|
|
25
|
-
</button>
|
|
26
|
-
</li>
|
|
27
|
-
<li class="page-item" :class="{'disabled':!pagination.ShowToNext}">
|
|
28
|
-
<button type="button" class="page-link" @click="toPage(totalPages)">
|
|
29
|
-
<span class="material-icons">last_page</span>
|
|
30
|
-
</button>
|
|
31
|
-
</li>
|
|
32
|
-
</ul>
|
|
33
|
-
</template>
|
|
34
|
-
|
|
35
|
-
<script>
|
|
36
|
-
import { computed } from 'vue';
|
|
37
|
-
export default {
|
|
38
|
-
props: {
|
|
39
|
-
currentPage: {
|
|
40
|
-
type: Number,
|
|
41
|
-
default: 1
|
|
42
|
-
},
|
|
43
|
-
totalPages: {
|
|
44
|
-
type: Number,
|
|
45
|
-
default: 1
|
|
46
|
-
},
|
|
47
|
-
pageRange: {
|
|
48
|
-
type: Number,
|
|
49
|
-
default: 5
|
|
50
|
-
},
|
|
51
|
-
containerClass: {
|
|
52
|
-
type: String,
|
|
53
|
-
default: ""
|
|
54
|
-
},
|
|
55
|
-
pageItemClass: {
|
|
56
|
-
type: String,
|
|
57
|
-
default: ""
|
|
58
|
-
},
|
|
59
|
-
clickHandler: {
|
|
60
|
-
type: Function
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
setup(props, { emit}) {
|
|
64
|
-
const range = computed(() => {
|
|
65
|
-
let min = 1;
|
|
66
|
-
let max = 1;
|
|
67
|
-
if (props.pageRange < props.totalPages) {
|
|
68
|
-
max = props.currentPage + Math.floor(props.pageRange / 2);
|
|
69
|
-
max = (max > props.totalPages) ? props.totalPages : max;
|
|
70
|
-
if (max - props.pageRange < 1) {
|
|
71
|
-
min = 1;
|
|
72
|
-
max = props.pageRange;
|
|
73
|
-
} else {
|
|
74
|
-
min = max - props.pageRange + 1;
|
|
75
|
-
}
|
|
76
|
-
} else {
|
|
77
|
-
min = 1;
|
|
78
|
-
max = props.totalPages;
|
|
79
|
-
}
|
|
80
|
-
const range = [];
|
|
81
|
-
for (var i = min; i <= max; i++) {
|
|
82
|
-
range.push(i);
|
|
83
|
-
}
|
|
84
|
-
return range;
|
|
85
|
-
});
|
|
86
|
-
const pagination = computed(() => {
|
|
87
|
-
return {
|
|
88
|
-
ShowToPrev: props.currentPage > 1,
|
|
89
|
-
ShowPrevPageMore: range.value[0] > 2,
|
|
90
|
-
ShowNextPageMore: range.value[range.value.length - 1] < props.totalPages - 1,
|
|
91
|
-
ShowToNext: props.currentPage < props.totalPages
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
|
-
const toPage = (pageNum) => {
|
|
95
|
-
emit('to-page', pageNum);
|
|
96
|
-
}
|
|
97
|
-
return {
|
|
98
|
-
range,
|
|
99
|
-
pagination,
|
|
100
|
-
toPage
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
</script>
|
|
105
|
-
|
|
106
|
-
<style scoped lang="scss">
|
|
107
|
-
@import "../bootstrap/scss/functions";
|
|
108
|
-
@import "./style/scss/Settings/bs-variables";
|
|
109
|
-
@import "../bootstrap/scss/mixins";
|
|
110
|
-
@import "./style/scss/Settings/Mixins";
|
|
111
|
-
|
|
112
|
-
.page-link{
|
|
113
|
-
height: 100%;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.pagination.pagination-round .page-item{
|
|
117
|
-
&:not(:last-child){
|
|
118
|
-
margin-right: .5em;
|
|
119
|
-
}
|
|
120
|
-
.page-link{
|
|
121
|
-
@include flex-center();
|
|
122
|
-
@include size(35px);
|
|
123
|
-
border-radius: 50%;
|
|
124
|
-
overflow: hidden;
|
|
125
|
-
.material-icons{
|
|
126
|
-
font-size: 130%;
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
.pagination-sm.pagination-round .page-item .page-link{
|
|
131
|
-
@include size(30px);
|
|
132
|
-
}
|
|
133
|
-
.pagination-lg.pagination-round .page-item .page-link{
|
|
134
|
-
@include size(60px);
|
|
135
|
-
}
|
|
136
|
-
.page-item-ellipsis{
|
|
137
|
-
display: flex;
|
|
138
|
-
align-items: center;
|
|
139
|
-
color: var(--gray-500);
|
|
140
|
-
font-size: var(--bs-pagination-font-size);
|
|
141
|
-
}
|
|
1
|
+
<template>
|
|
2
|
+
<ul class="pagination pagination-round mb-0" :class="containerClass">
|
|
3
|
+
<li class="page-item" :class="{'disabled':!pagination.ShowToPrev}">
|
|
4
|
+
<button type="button" class="page-link" @click="toPage(1)">
|
|
5
|
+
<span class="material-icons">first_page</span>
|
|
6
|
+
</button>
|
|
7
|
+
</li>
|
|
8
|
+
<li class="page-item" :class="{'disabled':!pagination.ShowToPrev}">
|
|
9
|
+
<button type="button" class="page-link" @click="toPage(currentPage-1)">
|
|
10
|
+
<span class="material-icons icon-18">chevron_left</span>
|
|
11
|
+
</button>
|
|
12
|
+
</li>
|
|
13
|
+
<li class="page-item page-item-ellipsis" v-if="pagination.ShowPrevPageMore">
|
|
14
|
+
<span>⋯</span>
|
|
15
|
+
</li>
|
|
16
|
+
<li class="page-item" v-for="n in range" :class="{'active':n===currentPage}">
|
|
17
|
+
<button type="button" class="page-link" @click="toPage(n)">{{n}}</button>
|
|
18
|
+
</li>
|
|
19
|
+
<li class="page-item page-item-ellipsis" v-if="pagination.ShowNextPageMore">
|
|
20
|
+
<span>⋯</span>
|
|
21
|
+
</li>
|
|
22
|
+
<li class="page-item" :class="{'disabled':!pagination.ShowToNext}">
|
|
23
|
+
<button type="button" class="page-link" @click="toPage(currentPage+1)">
|
|
24
|
+
<span class="material-icons icon-18">chevron_right</span>
|
|
25
|
+
</button>
|
|
26
|
+
</li>
|
|
27
|
+
<li class="page-item" :class="{'disabled':!pagination.ShowToNext}">
|
|
28
|
+
<button type="button" class="page-link" @click="toPage(totalPages)">
|
|
29
|
+
<span class="material-icons">last_page</span>
|
|
30
|
+
</button>
|
|
31
|
+
</li>
|
|
32
|
+
</ul>
|
|
33
|
+
</template>
|
|
34
|
+
|
|
35
|
+
<script>
|
|
36
|
+
import { computed } from 'vue';
|
|
37
|
+
export default {
|
|
38
|
+
props: {
|
|
39
|
+
currentPage: {
|
|
40
|
+
type: Number,
|
|
41
|
+
default: 1
|
|
42
|
+
},
|
|
43
|
+
totalPages: {
|
|
44
|
+
type: Number,
|
|
45
|
+
default: 1
|
|
46
|
+
},
|
|
47
|
+
pageRange: {
|
|
48
|
+
type: Number,
|
|
49
|
+
default: 5
|
|
50
|
+
},
|
|
51
|
+
containerClass: {
|
|
52
|
+
type: String,
|
|
53
|
+
default: ""
|
|
54
|
+
},
|
|
55
|
+
pageItemClass: {
|
|
56
|
+
type: String,
|
|
57
|
+
default: ""
|
|
58
|
+
},
|
|
59
|
+
clickHandler: {
|
|
60
|
+
type: Function
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
setup(props, { emit}) {
|
|
64
|
+
const range = computed(() => {
|
|
65
|
+
let min = 1;
|
|
66
|
+
let max = 1;
|
|
67
|
+
if (props.pageRange < props.totalPages) {
|
|
68
|
+
max = props.currentPage + Math.floor(props.pageRange / 2);
|
|
69
|
+
max = (max > props.totalPages) ? props.totalPages : max;
|
|
70
|
+
if (max - props.pageRange < 1) {
|
|
71
|
+
min = 1;
|
|
72
|
+
max = props.pageRange;
|
|
73
|
+
} else {
|
|
74
|
+
min = max - props.pageRange + 1;
|
|
75
|
+
}
|
|
76
|
+
} else {
|
|
77
|
+
min = 1;
|
|
78
|
+
max = props.totalPages;
|
|
79
|
+
}
|
|
80
|
+
const range = [];
|
|
81
|
+
for (var i = min; i <= max; i++) {
|
|
82
|
+
range.push(i);
|
|
83
|
+
}
|
|
84
|
+
return range;
|
|
85
|
+
});
|
|
86
|
+
const pagination = computed(() => {
|
|
87
|
+
return {
|
|
88
|
+
ShowToPrev: props.currentPage > 1,
|
|
89
|
+
ShowPrevPageMore: range.value[0] > 2,
|
|
90
|
+
ShowNextPageMore: range.value[range.value.length - 1] < props.totalPages - 1,
|
|
91
|
+
ShowToNext: props.currentPage < props.totalPages
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
const toPage = (pageNum) => {
|
|
95
|
+
emit('to-page', pageNum);
|
|
96
|
+
}
|
|
97
|
+
return {
|
|
98
|
+
range,
|
|
99
|
+
pagination,
|
|
100
|
+
toPage
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
</script>
|
|
105
|
+
|
|
106
|
+
<style scoped lang="scss">
|
|
107
|
+
@import "../bootstrap/scss/functions";
|
|
108
|
+
@import "./style/scss/Settings/bs-variables";
|
|
109
|
+
@import "../bootstrap/scss/mixins";
|
|
110
|
+
@import "./style/scss/Settings/Mixins";
|
|
111
|
+
|
|
112
|
+
.page-link{
|
|
113
|
+
height: 100%;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.pagination.pagination-round .page-item{
|
|
117
|
+
&:not(:last-child){
|
|
118
|
+
margin-right: .5em;
|
|
119
|
+
}
|
|
120
|
+
.page-link{
|
|
121
|
+
@include flex-center();
|
|
122
|
+
@include size(35px);
|
|
123
|
+
border-radius: 50%;
|
|
124
|
+
overflow: hidden;
|
|
125
|
+
.material-icons{
|
|
126
|
+
font-size: 130%;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
.pagination-sm.pagination-round .page-item .page-link{
|
|
131
|
+
@include size(30px);
|
|
132
|
+
}
|
|
133
|
+
.pagination-lg.pagination-round .page-item .page-link{
|
|
134
|
+
@include size(60px);
|
|
135
|
+
}
|
|
136
|
+
.page-item-ellipsis{
|
|
137
|
+
display: flex;
|
|
138
|
+
align-items: center;
|
|
139
|
+
color: var(--gray-500);
|
|
140
|
+
font-size: var(--bs-pagination-font-size);
|
|
141
|
+
}
|
|
142
142
|
</style>
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
.vl-shown {
|
|
2
|
-
overflow: hidden;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.vl-overlay {
|
|
6
|
-
bottom: 0;
|
|
7
|
-
left: 0;
|
|
8
|
-
position: absolute;
|
|
9
|
-
right: 0;
|
|
10
|
-
top: 0;
|
|
11
|
-
align-items: center;
|
|
12
|
-
display: none;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
z-index: 9999;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.vl-overlay.vl-active {
|
|
19
|
-
display: flex;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.vl-overlay.vl-full-page {
|
|
23
|
-
z-index: 9999;
|
|
24
|
-
position: fixed;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.vl-overlay .vl-background {
|
|
28
|
-
bottom: 0;
|
|
29
|
-
left: 0;
|
|
30
|
-
position: absolute;
|
|
31
|
-
right: 0;
|
|
32
|
-
top: 0;
|
|
33
|
-
background: #fff;
|
|
34
|
-
opacity: 0.5;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.vl-overlay .vl-icon, .vl-parent {
|
|
38
|
-
position: relative;
|
|
39
|
-
}
|
|
40
|
-
|
|
1
|
+
.vl-shown {
|
|
2
|
+
overflow: hidden;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.vl-overlay {
|
|
6
|
+
bottom: 0;
|
|
7
|
+
left: 0;
|
|
8
|
+
position: absolute;
|
|
9
|
+
right: 0;
|
|
10
|
+
top: 0;
|
|
11
|
+
align-items: center;
|
|
12
|
+
display: none;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
z-index: 9999;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.vl-overlay.vl-active {
|
|
19
|
+
display: flex;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.vl-overlay.vl-full-page {
|
|
23
|
+
z-index: 9999;
|
|
24
|
+
position: fixed;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.vl-overlay .vl-background {
|
|
28
|
+
bottom: 0;
|
|
29
|
+
left: 0;
|
|
30
|
+
position: absolute;
|
|
31
|
+
right: 0;
|
|
32
|
+
top: 0;
|
|
33
|
+
background: #fff;
|
|
34
|
+
opacity: 0.5;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.vl-overlay .vl-icon, .vl-parent {
|
|
38
|
+
position: relative;
|
|
39
|
+
}
|
|
40
|
+
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
@import "../../../../bootstrap/scss/functions";
|
|
2
|
-
@import "../Settings/bs-variables";
|
|
3
|
-
@import "../../../../bootstrap/scss/mixins";
|
|
4
|
-
@import "../Settings/custom-variables";
|
|
5
|
-
@import "../Settings/Mixins";
|
|
6
|
-
|
|
7
|
-
@keyframes fadeIn {
|
|
8
|
-
from { opacity: 0; }
|
|
9
|
-
to { opacity: 1; }
|
|
1
|
+
@import "../../../../bootstrap/scss/functions";
|
|
2
|
+
@import "../Settings/bs-variables";
|
|
3
|
+
@import "../../../../bootstrap/scss/mixins";
|
|
4
|
+
@import "../Settings/custom-variables";
|
|
5
|
+
@import "../Settings/Mixins";
|
|
6
|
+
|
|
7
|
+
@keyframes fadeIn {
|
|
8
|
+
from { opacity: 0; }
|
|
9
|
+
to { opacity: 1; }
|
|
10
10
|
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
@import "../../../../bootstrap/scss/functions";
|
|
2
|
-
@import "../Settings/bs-variables";
|
|
3
|
-
@import "../../../../bootstrap/scss/mixins";
|
|
4
|
-
@import "../Settings/custom-variables";
|
|
5
|
-
@import "../Settings/Mixins";
|
|
6
|
-
|
|
7
|
-
th.bg-secondary{
|
|
8
|
-
position: relative;
|
|
9
|
-
&:after{
|
|
10
|
-
content: "";
|
|
11
|
-
position: absolute;
|
|
12
|
-
left: 0;
|
|
13
|
-
bottom: -$border-width;
|
|
14
|
-
height: $border-width;
|
|
15
|
-
width: 100%;
|
|
16
|
-
background-color: $secondary;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.table{
|
|
21
|
-
background-color: $white;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
tr:has(input[type="checkbox"]:checked) > td:not([scope="col"]){
|
|
25
|
-
--bs-table-accent-bg: transparent;
|
|
26
|
-
--bs-table-bg: rgba(var(--bs-primary-rgb), .1);
|
|
27
|
-
color: var(--bs-table-hover-color);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.td-check, .td-avatar-sm{
|
|
31
|
-
width: 2rem;
|
|
32
|
-
}
|
|
33
|
-
.td-avatar-md{
|
|
34
|
-
width: 3rem;
|
|
1
|
+
@import "../../../../bootstrap/scss/functions";
|
|
2
|
+
@import "../Settings/bs-variables";
|
|
3
|
+
@import "../../../../bootstrap/scss/mixins";
|
|
4
|
+
@import "../Settings/custom-variables";
|
|
5
|
+
@import "../Settings/Mixins";
|
|
6
|
+
|
|
7
|
+
th.bg-secondary{
|
|
8
|
+
position: relative;
|
|
9
|
+
&:after{
|
|
10
|
+
content: "";
|
|
11
|
+
position: absolute;
|
|
12
|
+
left: 0;
|
|
13
|
+
bottom: -$border-width;
|
|
14
|
+
height: $border-width;
|
|
15
|
+
width: 100%;
|
|
16
|
+
background-color: $secondary;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.table{
|
|
21
|
+
background-color: $white;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
tr:has(input[type="checkbox"]:checked) > td:not([scope="col"]){
|
|
25
|
+
--bs-table-accent-bg: transparent;
|
|
26
|
+
--bs-table-bg: rgba(var(--bs-primary-rgb), .1);
|
|
27
|
+
color: var(--bs-table-hover-color);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.td-check, .td-avatar-sm{
|
|
31
|
+
width: 2rem;
|
|
32
|
+
}
|
|
33
|
+
.td-avatar-md{
|
|
34
|
+
width: 3rem;
|
|
35
35
|
}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
@import "../../../../bootstrap/scss/functions";
|
|
2
|
-
@import "../Settings/bs-variables";
|
|
3
|
-
@import "../../../../bootstrap/scss/mixins";
|
|
4
|
-
@import "../Settings/custom-variables";
|
|
5
|
-
@import "../Settings/Mixins";
|
|
6
|
-
|
|
7
|
-
.can-click{
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.filepond--root.filepond--hopper {
|
|
12
|
-
border: 1px dashed var(--bs-gray-400);
|
|
13
|
-
border-radius: 0.5em;
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.filepond--drop-label {
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
align-items: stretch;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.filepond-label-box-cus {
|
|
24
|
-
display: flex;
|
|
25
|
-
align-items: center;
|
|
26
|
-
justify-content: center;
|
|
27
|
-
width: 100%;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.filepond--panel-root {
|
|
31
|
-
background-color: $blue-100 !important;
|
|
1
|
+
@import "../../../../bootstrap/scss/functions";
|
|
2
|
+
@import "../Settings/bs-variables";
|
|
3
|
+
@import "../../../../bootstrap/scss/mixins";
|
|
4
|
+
@import "../Settings/custom-variables";
|
|
5
|
+
@import "../Settings/Mixins";
|
|
6
|
+
|
|
7
|
+
.can-click{
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.filepond--root.filepond--hopper {
|
|
12
|
+
border: 1px dashed var(--bs-gray-400);
|
|
13
|
+
border-radius: 0.5em;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.filepond--drop-label {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
align-items: stretch;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.filepond-label-box-cus {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
width: 100%;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.filepond--panel-root {
|
|
31
|
+
background-color: $blue-100 !important;
|
|
32
32
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
.thumbnail-group{
|
|
3
|
-
$offset: .5rem;
|
|
4
|
-
position: relative;
|
|
5
|
-
display: inline-flex;
|
|
6
|
-
margin-right: $offset;
|
|
7
|
-
margin-bottom: $offset;
|
|
8
|
-
.thumbnail-pin{
|
|
9
|
-
position: absolute;
|
|
10
|
-
right: -$offset;
|
|
11
|
-
bottom: -$offset;
|
|
12
|
-
box-shadow: $box-shadow;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
1
|
+
|
|
2
|
+
.thumbnail-group{
|
|
3
|
+
$offset: .5rem;
|
|
4
|
+
position: relative;
|
|
5
|
+
display: inline-flex;
|
|
6
|
+
margin-right: $offset;
|
|
7
|
+
margin-bottom: $offset;
|
|
8
|
+
.thumbnail-pin{
|
|
9
|
+
position: absolute;
|
|
10
|
+
right: -$offset;
|
|
11
|
+
bottom: -$offset;
|
|
12
|
+
box-shadow: $box-shadow;
|
|
13
|
+
}
|
|
14
|
+
}
|