@paris-ias/list 1.1.12 → 1.1.14
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/dist/module.json
CHANGED
|
@@ -28,27 +28,36 @@
|
|
|
28
28
|
class="dense"
|
|
29
29
|
:class="expanded ? 'ml-md-8' : 'ml-md-2'"
|
|
30
30
|
>
|
|
31
|
-
<div class="text-overline" v-if="item.groups && item.groups.team">
|
|
32
|
-
{{ item.latest.role[locale] }}
|
|
33
|
-
</div>
|
|
34
31
|
<v-skeleton-loader v-if="loading" type="heading" />
|
|
35
32
|
|
|
36
33
|
<div
|
|
37
34
|
v-else
|
|
38
|
-
class="d-flex justify-space-between text-title align-center
|
|
35
|
+
class="d-flex justify-space-between text-title align-center"
|
|
39
36
|
:class="expanded ? 'text-h5 text-md-h4' : 'text-h5'"
|
|
40
37
|
>
|
|
41
|
-
<
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
38
|
+
<div class="d-flex flex-column">
|
|
39
|
+
<span
|
|
40
|
+
v-html="
|
|
41
|
+
searchQuery.length
|
|
42
|
+
? highlightAndTruncate(
|
|
43
|
+
300,
|
|
44
|
+
item.firstname + ' ' + item.lastname,
|
|
45
|
+
searchQuery.split(' '),
|
|
46
|
+
)
|
|
47
|
+
: item.firstname + ' ' + item.lastname
|
|
48
|
+
"
|
|
49
|
+
/>
|
|
50
|
+
<div
|
|
51
|
+
class="role-label"
|
|
52
|
+
v-if="
|
|
53
|
+
item.groups &&
|
|
54
|
+
(item.groups.team || item.groups.board) &&
|
|
55
|
+
item.latest
|
|
56
|
+
"
|
|
57
|
+
>
|
|
58
|
+
{{ item.latest.role }}
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
52
61
|
<v-spacer />
|
|
53
62
|
<PeopleBadges :item="item" />
|
|
54
63
|
</div>
|
|
@@ -134,7 +143,6 @@ import { computed, ref, useRoute, useNuxtApp, useLocalePath } from "#imports"
|
|
|
134
143
|
import { useDisplay } from "vuetify"
|
|
135
144
|
const { name } = useRoute()
|
|
136
145
|
const localePath = useLocalePath()
|
|
137
|
-
const { locale } = useI18n()
|
|
138
146
|
|
|
139
147
|
const { mdAndUp, name: displayName } = useDisplay()
|
|
140
148
|
const rootStore = useRootStore()
|
|
@@ -207,6 +215,14 @@ const fellowSlug = computed(() => props.item?.slug || props.item?.id)
|
|
|
207
215
|
transform: scale(1.05);
|
|
208
216
|
}
|
|
209
217
|
|
|
218
|
+
.role-label {
|
|
219
|
+
font-size: 0.8125rem;
|
|
220
|
+
line-height: 1.4;
|
|
221
|
+
opacity: 0.7;
|
|
222
|
+
padding-bottom: 6px;
|
|
223
|
+
text-transform: uppercase;
|
|
224
|
+
}
|
|
225
|
+
|
|
210
226
|
.paragraph {
|
|
211
227
|
max-width: 83ch !important;
|
|
212
228
|
display: -webkit-box;
|