@magicgol/polyjuice 0.33.0 → 0.33.3
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/package.json +1 -1
- package/src/components/components/filter-option/FilterOption.stories.js +1 -1
- package/src/components/context/footballer/list/footballer-list-body/FootballerListBody.vue +14 -1
- package/src/components/context/footballer/list/footballer-list-head/FootballerListHead.vue +4 -4
- package/src/components/modal/selection-box/SelectionBox.vue +1 -1
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@ import MgOptionLabel from './FilterOption.vue';
|
|
|
2
2
|
|
|
3
3
|
// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
|
|
4
4
|
export default {
|
|
5
|
-
title: 'Components/Option
|
|
5
|
+
title: 'Components/Filter Option',
|
|
6
6
|
component: MgOptionLabel,
|
|
7
7
|
// More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
|
|
8
8
|
argTypes: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
class="
|
|
3
|
+
class="mt-2"
|
|
4
4
|
:class="classes"
|
|
5
5
|
@click="onClick"
|
|
6
6
|
>
|
|
@@ -52,6 +52,10 @@ export default {
|
|
|
52
52
|
type: Boolean,
|
|
53
53
|
default: false
|
|
54
54
|
},
|
|
55
|
+
unselectable: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
default: false
|
|
58
|
+
},
|
|
55
59
|
role: {
|
|
56
60
|
type: String,
|
|
57
61
|
default: null,
|
|
@@ -67,6 +71,7 @@ export default {
|
|
|
67
71
|
'mg-footballer-list-body': true,
|
|
68
72
|
'mg-footballer-list-body--disabled': this.disabled === true,
|
|
69
73
|
'mg-footballer-list-body--selected': this.selected === true,
|
|
74
|
+
'mg-footballer-list-body--unselectable': this.unselectable === true,
|
|
70
75
|
'mg-footballer-list-body--goalkeeper': this.role === 'P',
|
|
71
76
|
'mg-footballer-list-body--defender': this.role === 'D',
|
|
72
77
|
'mg-footballer-list-body--midfielder': this.role === 'C',
|
|
@@ -152,5 +157,13 @@ export default {
|
|
|
152
157
|
}
|
|
153
158
|
}
|
|
154
159
|
}
|
|
160
|
+
|
|
161
|
+
&--unselectable {
|
|
162
|
+
> div {
|
|
163
|
+
border: 0 !important;
|
|
164
|
+
box-shadow: none !important;
|
|
165
|
+
background: none !important;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
155
168
|
}
|
|
156
169
|
</style>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
class="row"
|
|
4
3
|
:class="classes"
|
|
4
|
+
class="d-flex"
|
|
5
5
|
>
|
|
6
6
|
<div
|
|
7
|
-
class="p-0
|
|
7
|
+
class="p-0"
|
|
8
8
|
:class="firstColClass"
|
|
9
9
|
>
|
|
10
10
|
<mg-list-head
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
</div>
|
|
34
34
|
<div
|
|
35
35
|
v-if="actions"
|
|
36
|
-
class="col-1 p-0
|
|
36
|
+
class="col-1 p-0"
|
|
37
37
|
:class="actionsColClass"
|
|
38
38
|
>
|
|
39
39
|
<mg-list-head> </mg-list-head>
|
|
@@ -86,7 +86,7 @@ export default {
|
|
|
86
86
|
return 'col-2';
|
|
87
87
|
},
|
|
88
88
|
thirdColClass () {
|
|
89
|
-
return this.actions ? 'col-2' : 'col-3
|
|
89
|
+
return this.actions ? 'col-2' : 'col-3';
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
|