@windward/games 0.10.0 → 0.11.0
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/CHANGELOG.md +3 -0
- package/components/content/blocks/crosswordPuzzle/CrosswordPuzzle.vue +2 -6
- package/components/content/blocks/dragDrop/BucketGame.vue +121 -52
- package/components/content/blocks/dragDrop/SortingGame.vue +42 -66
- package/components/content/blocks/matchingGame/MatchingGame.vue +73 -117
- package/components/content/blocks/slideshow/SlideShow.vue +10 -24
- package/components/settings/BucketGameSettingsManager.vue +0 -31
- package/components/settings/MatchingGameManager.vue +14 -94
- package/components/settings/SlideShowManager.vue +11 -46
- package/components/settings/SortingGameSettingsManager.vue +2 -19
- package/i18n/en-US/components/content/blocks/sorting_game.ts +2 -0
- package/i18n/en-US/components/settings/sorting_game.ts +2 -0
- package/i18n/es-ES/components/content/blocks/sorting_game.ts +2 -0
- package/i18n/es-ES/components/settings/sorting_game.ts +2 -0
- package/i18n/sv-SE/components/content/blocks/sorting_game.ts +2 -0
- package/i18n/sv-SE/components/settings/sorting_game.ts +2 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
</v-col>
|
|
92
92
|
</v-row>
|
|
93
93
|
<v-row class="d-flex justify-center">
|
|
94
|
-
<v-col cols="12" class="d-flex justify-
|
|
94
|
+
<v-col cols="12" class="d-flex justify-end">
|
|
95
95
|
<v-btn
|
|
96
96
|
color="primary"
|
|
97
97
|
elevation="0"
|
|
@@ -99,11 +99,7 @@
|
|
|
99
99
|
class="ma-3"
|
|
100
100
|
@click="onSetUpData"
|
|
101
101
|
>
|
|
102
|
-
{{
|
|
103
|
-
$t(
|
|
104
|
-
'windward.games.components.content.blocks.crossword.play_again'
|
|
105
|
-
)
|
|
106
|
-
}}
|
|
102
|
+
{{ $t('shared.forms.reset') }}
|
|
107
103
|
</v-btn>
|
|
108
104
|
</v-col>
|
|
109
105
|
</v-row>
|
|
@@ -29,13 +29,15 @@
|
|
|
29
29
|
</h4>
|
|
30
30
|
<v-alert fluid :class="status">
|
|
31
31
|
<v-row class="pa-4 d-flex justify-center">
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
<p class="mb-0 p-text-override">
|
|
33
|
+
{{
|
|
34
|
+
feedback
|
|
35
|
+
? feedback
|
|
36
|
+
: $t(
|
|
37
|
+
'windward.games.components.content.blocks.bucket_game.form.feedback.feedback_here'
|
|
38
|
+
)
|
|
39
|
+
}}
|
|
40
|
+
</p>
|
|
39
41
|
</v-row>
|
|
40
42
|
<v-row class="d-flex justify-center mt-0 mb-1">
|
|
41
43
|
<v-btn
|
|
@@ -63,13 +65,14 @@
|
|
|
63
65
|
<div v-if="render">
|
|
64
66
|
<v-container>
|
|
65
67
|
<draggable
|
|
68
|
+
v-if="mainAnswer.length !== 0"
|
|
66
69
|
class="d-flex flex-wrap flex-row justify-center flex-fill"
|
|
67
70
|
:list="mainAnswer"
|
|
68
71
|
:disabled="!allow_drag"
|
|
69
72
|
group="people"
|
|
70
73
|
:move="onMoveCallback"
|
|
71
74
|
>
|
|
72
|
-
<v-row class="
|
|
75
|
+
<v-row class="ma-2">
|
|
73
76
|
<v-card
|
|
74
77
|
v-if="mainAnswer[0]"
|
|
75
78
|
class="pa-2 d-flex justify-center flex-fill container-outline"
|
|
@@ -103,7 +106,7 @@
|
|
|
103
106
|
"
|
|
104
107
|
>
|
|
105
108
|
<v-card-text
|
|
106
|
-
class="d-flex justify-center text-center
|
|
109
|
+
class="d-flex justify-center text-center pa-0 container-card-text"
|
|
107
110
|
>
|
|
108
111
|
<draggable
|
|
109
112
|
v-model="items[bindex]"
|
|
@@ -115,13 +118,16 @@
|
|
|
115
118
|
tabindex="0"
|
|
116
119
|
class="draggable-bucket"
|
|
117
120
|
>
|
|
118
|
-
<
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
.
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
121
|
+
<p class="mb-0">
|
|
122
|
+
<TextViewer
|
|
123
|
+
v-model="
|
|
124
|
+
block.metadata.config
|
|
125
|
+
.bucket_titles[bindex]
|
|
126
|
+
.title
|
|
127
|
+
"
|
|
128
|
+
class="d-flex align-center justify-center container-buckets"
|
|
129
|
+
></TextViewer>
|
|
130
|
+
</p>
|
|
125
131
|
<v-container
|
|
126
132
|
v-for="(
|
|
127
133
|
nested_answer, nested_index
|
|
@@ -131,11 +137,37 @@
|
|
|
131
137
|
:key="nested_index"
|
|
132
138
|
class="d-flex justify-center align-center pa-0"
|
|
133
139
|
>
|
|
134
|
-
<
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
140
|
+
<v-tooltip bottom>
|
|
141
|
+
<template
|
|
142
|
+
v-slot:activator="{
|
|
143
|
+
on,
|
|
144
|
+
attrs,
|
|
145
|
+
}"
|
|
146
|
+
>
|
|
147
|
+
<v-container
|
|
148
|
+
v-bind="attrs"
|
|
149
|
+
v-on="on"
|
|
150
|
+
class="my-0 pa-0"
|
|
151
|
+
>
|
|
152
|
+
<TextViewer
|
|
153
|
+
class="container-nested-answers mb-1"
|
|
154
|
+
v-model="
|
|
155
|
+
nested_answer.display
|
|
156
|
+
"
|
|
157
|
+
remove-root-element
|
|
158
|
+
></TextViewer>
|
|
159
|
+
</v-container>
|
|
160
|
+
</template>
|
|
161
|
+
<span
|
|
162
|
+
><TextViewer
|
|
163
|
+
class="container-nested-tooltip"
|
|
164
|
+
v-model="
|
|
165
|
+
nested_answer.display
|
|
166
|
+
"
|
|
167
|
+
remove-root-element
|
|
168
|
+
></TextViewer
|
|
169
|
+
></span>
|
|
170
|
+
</v-tooltip>
|
|
139
171
|
</v-container>
|
|
140
172
|
</draggable>
|
|
141
173
|
</v-card-text>
|
|
@@ -210,15 +242,17 @@
|
|
|
210
242
|
@change="change($event, bindex)"
|
|
211
243
|
tabindex="0"
|
|
212
244
|
>
|
|
213
|
-
<
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
245
|
+
<p class="mb-0">
|
|
246
|
+
<TextViewer
|
|
247
|
+
v-model="
|
|
248
|
+
block.metadata.config
|
|
249
|
+
.bucket_titles[bindex].title
|
|
250
|
+
"
|
|
251
|
+
class="d-flex align-center justify-center container-buckets"
|
|
252
|
+
></TextViewer>
|
|
253
|
+
</p>
|
|
254
|
+
</draggable>
|
|
255
|
+
</v-card-text>
|
|
222
256
|
</v-card>
|
|
223
257
|
</v-row>
|
|
224
258
|
</v-row>
|
|
@@ -229,8 +263,8 @@
|
|
|
229
263
|
align="end"
|
|
230
264
|
>
|
|
231
265
|
<v-layout>
|
|
232
|
-
<v-
|
|
233
|
-
<v-
|
|
266
|
+
<v-col cols="3" xl="8" lg="8" md="8" sm="8"></v-col>
|
|
267
|
+
<v-col cols="9" xl="4" lg="4" md="4" sm="4">
|
|
234
268
|
<v-row
|
|
235
269
|
align="end"
|
|
236
270
|
tabindex="0"
|
|
@@ -266,7 +300,7 @@
|
|
|
266
300
|
</v-btn>
|
|
267
301
|
</v-col>
|
|
268
302
|
</v-row>
|
|
269
|
-
</v-
|
|
303
|
+
</v-col>
|
|
270
304
|
</v-layout>
|
|
271
305
|
</v-container>
|
|
272
306
|
</div>
|
|
@@ -305,12 +339,6 @@ export default {
|
|
|
305
339
|
if (_.isEmpty(this.block.metadata.config.instructions)) {
|
|
306
340
|
this.block.metadata.config.instructions = ''
|
|
307
341
|
}
|
|
308
|
-
if (_.isEmpty(this.block.metadata.config.feedback_correct)) {
|
|
309
|
-
this.block.metadata.config.feedback_correct = ''
|
|
310
|
-
}
|
|
311
|
-
if (_.isEmpty(this.block.metadata.config.feedback_incorrect)) {
|
|
312
|
-
this.block.metadata.config.feedback_incorrect = ''
|
|
313
|
-
}
|
|
314
342
|
if (_.isEmpty(this.block.metadata.config.bucket_titles)) {
|
|
315
343
|
this.block.metadata.config.bucket_titles = []
|
|
316
344
|
}
|
|
@@ -501,11 +529,9 @@ export default {
|
|
|
501
529
|
if (evt.added.element.feedback) {
|
|
502
530
|
this.feedback = evt.added.element.feedback
|
|
503
531
|
} else {
|
|
504
|
-
this.feedback = this
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
'windward.games.components.settings.bucket_game.form.feedback.correct_default'
|
|
508
|
-
)
|
|
532
|
+
this.feedback = this.$t(
|
|
533
|
+
'windward.games.components.settings.bucket_game.form.feedback.correct_default'
|
|
534
|
+
)
|
|
509
535
|
}
|
|
510
536
|
// determines if answer is correct and then sees if that was the last answer
|
|
511
537
|
// needs to be nested in here because this.mainAnswer is bound to :list on draggable
|
|
@@ -528,11 +554,9 @@ export default {
|
|
|
528
554
|
// puts item back into mutable array for draggable component
|
|
529
555
|
this.mainAnswer.unshift(evt.added.element)
|
|
530
556
|
// set incorrect feedback
|
|
531
|
-
this.feedback = this
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
'windward.games.components.settings.bucket_game.form.feedback.incorrect_default'
|
|
535
|
-
)
|
|
557
|
+
this.feedback = this.$t(
|
|
558
|
+
'windward.games.components.settings.bucket_game.form.feedback.incorrect_default'
|
|
559
|
+
)
|
|
536
560
|
this.status = 'container-error-outline'
|
|
537
561
|
}
|
|
538
562
|
},
|
|
@@ -584,7 +608,6 @@ export default {
|
|
|
584
608
|
color: black;
|
|
585
609
|
}
|
|
586
610
|
.container-nested-answers {
|
|
587
|
-
max-width: 10vw;
|
|
588
611
|
min-width: 10vw;
|
|
589
612
|
padding-left: 4px;
|
|
590
613
|
padding-right: 4px;
|
|
@@ -597,16 +620,53 @@ export default {
|
|
|
597
620
|
border-radius: 2px;
|
|
598
621
|
line-height: 50px !important;
|
|
599
622
|
}
|
|
623
|
+
.container-nested-tooltip {
|
|
624
|
+
max-width: 12vw;
|
|
625
|
+
padding-left: 4px;
|
|
626
|
+
padding-right: 4px;
|
|
627
|
+
}
|
|
600
628
|
.container-buckets {
|
|
601
629
|
color: black;
|
|
602
630
|
}
|
|
603
631
|
.draggable-bucket {
|
|
604
632
|
width: 100%;
|
|
605
633
|
}
|
|
634
|
+
@media (max-width: 1264px) {
|
|
635
|
+
.card-bucket {
|
|
636
|
+
width: 20vw;
|
|
637
|
+
max-width: 20vw;
|
|
638
|
+
}
|
|
639
|
+
.container-nested-answers {
|
|
640
|
+
display: block !important;
|
|
641
|
+
width: 100%;
|
|
642
|
+
max-width: 100%;
|
|
643
|
+
min-width: 100%;
|
|
644
|
+
overflow-x: hidden !important;
|
|
645
|
+
}
|
|
646
|
+
.container-nested-tooltip {
|
|
647
|
+
max-width: 20vw;
|
|
648
|
+
}
|
|
649
|
+
}
|
|
650
|
+
@media (max-width: 960px) {
|
|
651
|
+
.card-bucket {
|
|
652
|
+
width: 35vw;
|
|
653
|
+
max-width: 35vw;
|
|
654
|
+
}
|
|
655
|
+
.container-nested-answers {
|
|
656
|
+
display: block !important;
|
|
657
|
+
width: 100%;
|
|
658
|
+
max-width: 100%;
|
|
659
|
+
min-width: 100%;
|
|
660
|
+
overflow-x: hidden !important;
|
|
661
|
+
}
|
|
662
|
+
.container-nested-tooltip {
|
|
663
|
+
max-width: 35vw;
|
|
664
|
+
}
|
|
665
|
+
}
|
|
606
666
|
@media (max-width: 600px) {
|
|
607
667
|
.card-bucket {
|
|
608
|
-
width:
|
|
609
|
-
max-width:
|
|
668
|
+
width: 70vw;
|
|
669
|
+
max-width: 70vw;
|
|
610
670
|
}
|
|
611
671
|
.container-nested-answers {
|
|
612
672
|
display: block !important;
|
|
@@ -615,8 +675,17 @@ export default {
|
|
|
615
675
|
min-width: 100%;
|
|
616
676
|
overflow-x: hidden !important;
|
|
617
677
|
}
|
|
678
|
+
.container-nested-tooltip {
|
|
679
|
+
max-width: 75vw;
|
|
680
|
+
}
|
|
618
681
|
}
|
|
619
682
|
.container-outline {
|
|
620
683
|
cursor: grab;
|
|
621
684
|
}
|
|
685
|
+
.container-card-text {
|
|
686
|
+
height: 100%;
|
|
687
|
+
}
|
|
688
|
+
.p-text-override {
|
|
689
|
+
color: var(--v-primary-base);
|
|
690
|
+
}
|
|
622
691
|
</style>
|
|
@@ -6,31 +6,18 @@
|
|
|
6
6
|
<p v-if="block.metadata.config.instructions" tabindex="0" class="pt-3">
|
|
7
7
|
{{ block.metadata.config.instructions }}
|
|
8
8
|
</p>
|
|
9
|
-
<v-container :
|
|
10
|
-
<v-row
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
v-if="onFail() || onSuccess()"
|
|
22
|
-
class="d-flex justify-end"
|
|
23
|
-
>
|
|
24
|
-
<v-container
|
|
25
|
-
v-if="onFail()"
|
|
26
|
-
@click="onContinueGame"
|
|
27
|
-
class="d-flex justify-end"
|
|
28
|
-
><v-icon class="icon--error"
|
|
29
|
-
>mdi-close-circle</v-icon
|
|
30
|
-
>
|
|
31
|
-
</v-container>
|
|
32
|
-
</v-row>
|
|
33
|
-
</v-col>
|
|
9
|
+
<v-container :class="feedbackClass()">
|
|
10
|
+
<v-row class="d-flex justify-center py-3">
|
|
11
|
+
{{ feedback }}
|
|
12
|
+
</v-row>
|
|
13
|
+
<v-row v-if="onFail()" class="d-flex justify-center pb-3">
|
|
14
|
+
<v-btn
|
|
15
|
+
color="primary"
|
|
16
|
+
outlined
|
|
17
|
+
elevation="0"
|
|
18
|
+
@click="onContinueGame"
|
|
19
|
+
>{{ $t('shared.forms.try_again') }}
|
|
20
|
+
</v-btn>
|
|
34
21
|
</v-row>
|
|
35
22
|
</v-container>
|
|
36
23
|
<v-container v-if="render" class="mt-2">
|
|
@@ -70,12 +57,9 @@
|
|
|
70
57
|
</v-row>
|
|
71
58
|
</draggable>
|
|
72
59
|
<v-container class="mt-3">
|
|
73
|
-
<v-row
|
|
74
|
-
v-if="!onFail() && !onSuccess()"
|
|
75
|
-
class="d-flex justify-center"
|
|
76
|
-
>
|
|
77
|
-
<v-spacer class="col-lg-1" />
|
|
60
|
+
<v-row class="d-flex justify-center">
|
|
78
61
|
<v-btn
|
|
62
|
+
v-if="!onFail() && !onSuccess()"
|
|
79
63
|
color="primary"
|
|
80
64
|
elevation="0"
|
|
81
65
|
@click="onCheckAnswers"
|
|
@@ -87,19 +71,9 @@
|
|
|
87
71
|
}}
|
|
88
72
|
</v-btn>
|
|
89
73
|
</v-row>
|
|
90
|
-
<v-row
|
|
91
|
-
v-if="onFail() || onSuccess()"
|
|
92
|
-
class="d-flex justify-center"
|
|
93
|
-
>
|
|
94
|
-
<v-btn
|
|
95
|
-
v-if="onFail()"
|
|
96
|
-
color="primary"
|
|
97
|
-
elevation="0"
|
|
98
|
-
text
|
|
99
|
-
@click="onContinueGame"
|
|
100
|
-
>{{ $t('shared.forms.try_again') }} </v-btn
|
|
101
|
-
>
|
|
74
|
+
<v-row class="d-flex justify-end">
|
|
102
75
|
<v-btn
|
|
76
|
+
v-if="onFail() || onSuccess()"
|
|
103
77
|
color="primary"
|
|
104
78
|
elevation="0"
|
|
105
79
|
@click="onReset"
|
|
@@ -109,29 +83,28 @@
|
|
|
109
83
|
</v-row>
|
|
110
84
|
</v-container>
|
|
111
85
|
</v-container>
|
|
112
|
-
<
|
|
86
|
+
<v-container v-if="!render" class="mt-2">
|
|
113
87
|
<draggable
|
|
114
88
|
v-model="block.metadata.config.answer"
|
|
115
89
|
:disabled="disabled"
|
|
116
|
-
class="d-flex flex-column
|
|
90
|
+
class="d-flex flex-column"
|
|
117
91
|
group="cards"
|
|
118
92
|
v-bind="dragOptions"
|
|
119
93
|
@change="onDragChange"
|
|
120
94
|
>
|
|
121
95
|
<v-row
|
|
122
|
-
class="justify-center align-center"
|
|
123
96
|
v-for="index in block.metadata.config.answer.length"
|
|
124
97
|
:key="'sortable_' + index"
|
|
125
98
|
>
|
|
126
|
-
<v-col cols="1"
|
|
99
|
+
<v-col cols="1" md="1" class="d-flex justify-end pa-0">
|
|
127
100
|
<v-icon v-if="success[index - 1]" color="success"
|
|
128
|
-
>mdi-check-
|
|
101
|
+
>mdi-check-circle
|
|
129
102
|
</v-icon>
|
|
130
103
|
<v-icon v-if="fail[index - 1]" color="error"
|
|
131
|
-
>mdi-close</v-icon
|
|
104
|
+
>mdi-close-circle</v-icon
|
|
132
105
|
>
|
|
133
106
|
</v-col>
|
|
134
|
-
<v-col cols="
|
|
107
|
+
<v-col cols="10">
|
|
135
108
|
<v-card
|
|
136
109
|
:class="
|
|
137
110
|
'pa-2 flex-fill container-outline ' +
|
|
@@ -147,7 +120,7 @@
|
|
|
147
120
|
</v-col>
|
|
148
121
|
</v-row>
|
|
149
122
|
</draggable>
|
|
150
|
-
</
|
|
123
|
+
</v-container>
|
|
151
124
|
</div>
|
|
152
125
|
</template>
|
|
153
126
|
|
|
@@ -177,12 +150,7 @@ export default {
|
|
|
177
150
|
}
|
|
178
151
|
if (_.isEmpty(this.block.metadata.config.feedback_correct)) {
|
|
179
152
|
this.block.metadata.config.feedback_correct = this.$t(
|
|
180
|
-
'windward.games.components.settings.
|
|
181
|
-
)
|
|
182
|
-
}
|
|
183
|
-
if (_.isEmpty(this.block.metadata.config.feedback_incorrect)) {
|
|
184
|
-
this.block.metadata.config.feedback_incorrect = this.$t(
|
|
185
|
-
'windward.games.components.settings.bucket_game.form.feedback.incorrect_default'
|
|
153
|
+
'windward.games.components.settings.sorting_game.default_feedback_correct'
|
|
186
154
|
)
|
|
187
155
|
}
|
|
188
156
|
if (_.isEmpty(this.block.metadata.config.answer)) {
|
|
@@ -201,7 +169,6 @@ export default {
|
|
|
201
169
|
feedback: 'feedback here',
|
|
202
170
|
success: [],
|
|
203
171
|
fail: [],
|
|
204
|
-
graded: false,
|
|
205
172
|
seed: 123,
|
|
206
173
|
answer: [],
|
|
207
174
|
}
|
|
@@ -266,7 +233,6 @@ export default {
|
|
|
266
233
|
},
|
|
267
234
|
onReset() {
|
|
268
235
|
this.disabled = false
|
|
269
|
-
this.graded = false
|
|
270
236
|
this.success = []
|
|
271
237
|
this.fail = []
|
|
272
238
|
this.input = this.shuffle(
|
|
@@ -277,7 +243,6 @@ export default {
|
|
|
277
243
|
},
|
|
278
244
|
onContinueGame() {
|
|
279
245
|
this.disabled = false
|
|
280
|
-
this.graded = false
|
|
281
246
|
this.success = []
|
|
282
247
|
this.fail = []
|
|
283
248
|
this.feedback = this.block.metadata.config.feedback_default
|
|
@@ -334,19 +299,26 @@ export default {
|
|
|
334
299
|
this.emitCompleted()
|
|
335
300
|
}
|
|
336
301
|
if (this.onFail()) {
|
|
337
|
-
this.feedback = this
|
|
302
|
+
this.feedback = this.$t(
|
|
303
|
+
'windward.games.components.content.blocks.sorting_game.incorrect_feedback'
|
|
304
|
+
)
|
|
338
305
|
}
|
|
339
|
-
this.graded = true
|
|
340
306
|
this.seed = Math.floor(Math.random() * 100)
|
|
341
307
|
},
|
|
342
308
|
sortableStateClass(index) {
|
|
309
|
+
let classValue = ''
|
|
343
310
|
if (this.success[index - 1]) {
|
|
344
|
-
|
|
311
|
+
classValue += 'sortable--success '
|
|
345
312
|
}
|
|
346
313
|
if (this.fail[index - 1]) {
|
|
347
|
-
|
|
314
|
+
classValue += 'sortable--error '
|
|
348
315
|
}
|
|
349
|
-
|
|
316
|
+
if (this.disabled) {
|
|
317
|
+
classValue += 'sortable-default '
|
|
318
|
+
} else if (!this.disabled) {
|
|
319
|
+
classValue += 'sortable-grab '
|
|
320
|
+
}
|
|
321
|
+
return classValue
|
|
350
322
|
},
|
|
351
323
|
iconClass(index) {
|
|
352
324
|
if (this.success[index - 1] || this.fail[index - 1]) {
|
|
@@ -361,11 +333,9 @@ export default {
|
|
|
361
333
|
<style scoped>
|
|
362
334
|
.container-feedback-success {
|
|
363
335
|
border: 4px solid var(--v-success-base);
|
|
364
|
-
color: var(--v-success-base);
|
|
365
336
|
}
|
|
366
337
|
.container-feedback-error {
|
|
367
338
|
border: 4px solid var(--v-error-base);
|
|
368
|
-
color: var(--v-error-base);
|
|
369
339
|
}
|
|
370
340
|
.sortable--error {
|
|
371
341
|
background-color: var(--v-error-base);
|
|
@@ -375,6 +345,12 @@ export default {
|
|
|
375
345
|
background-color: var(--v-success-base);
|
|
376
346
|
color: white;
|
|
377
347
|
}
|
|
348
|
+
.sortable-grab {
|
|
349
|
+
cursor: grab;
|
|
350
|
+
}
|
|
351
|
+
.sortable-default {
|
|
352
|
+
cursor: default;
|
|
353
|
+
}
|
|
378
354
|
.icon-inner {
|
|
379
355
|
color: white;
|
|
380
356
|
}
|