Only display locality in event card address section and truncate

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-04-06 18:32:58 +02:00
parent 8b3278b60f
commit e2682c570d
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
2 changed files with 2 additions and 12 deletions

View File

@ -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>

View File

@ -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