Only display locality in event card address section and truncate
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
parent
8b3278b60f
commit
e2682c570d
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="ellipsis"
|
class="truncate"
|
||||||
:title="
|
:title="
|
||||||
isDescriptionDifferentFromLocality
|
isDescriptionDifferentFromLocality
|
||||||
? `${physicalAddress.description}, ${physicalAddress.locality}`
|
? `${physicalAddress.description}, ${physicalAddress.locality}`
|
||||||
@ -8,8 +8,7 @@
|
|||||||
"
|
"
|
||||||
>
|
>
|
||||||
<b-icon icon="map-marker" />
|
<b-icon icon="map-marker" />
|
||||||
<span v-if="isDescriptionDifferentFromLocality">
|
<span v-if="physicalAddress.locality">
|
||||||
{{ physicalAddress.description }},
|
|
||||||
{{ physicalAddress.locality }}
|
{{ physicalAddress.locality }}
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
@ -35,11 +34,3 @@ export default class InlineAddress extends Vue {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
|
||||||
.ellipsis {
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
@ -67,7 +67,6 @@
|
|||||||
<inline-address
|
<inline-address
|
||||||
dir="auto"
|
dir="auto"
|
||||||
v-if="event.physicalAddress"
|
v-if="event.physicalAddress"
|
||||||
class="event-subtitle"
|
|
||||||
:physical-address="event.physicalAddress"
|
:physical-address="event.physicalAddress"
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
|
Loading…
Reference in New Issue
Block a user