better adress description in cards from older mobilizon versions.

This commit is contained in:
jona 2023-03-23 18:38:58 +01:00
parent b11189ddc7
commit 9803d2a08d

View file

@ -1,6 +1,6 @@
<template>
<div
class="truncate"
class="ellipsis"
:title="
isDescriptionDifferentFromLocality
? `${physicalAddress.description}, ${physicalAddress.locality}`
@ -8,8 +8,10 @@
"
>
<b-icon icon="map-marker" />
<span v-if="physicalAddress.locality">
{{ physicalAddress.locality }}
<span v-if="isDescriptionDifferentFromLocality">
<b>{{ physicalAddress.locality }}</b
>,
{{ physicalAddress.description }}
</span>
<span v-else>
{{ physicalAddress.description }}
@ -34,3 +36,13 @@ export default class InlineAddress extends Vue {
}
}
</script>
<style lang="scss" scoped>
.ellipsis {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
background-color: #9e9ef2;
}
</style>