@magicgol/polyjuice 0.33.0 → 0.33.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
|