tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

better adress description in cards from older mobilizon versions.

Browse source
This commit is contained in:
jona 2023-03-23 18:38:58 +01:00
parent b11189ddc7
commit 9803d2a08d
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
js/src/components/Address/InlineAddress.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="truncate" class="ellipsis"
:title=" :title="
isDescriptionDifferentFromLocality isDescriptionDifferentFromLocality
? `${physicalAddress.description}, ${physicalAddress.locality}` ? `${physicalAddress.description}, ${physicalAddress.locality}`
@ -8,8 +8,10 @@
" "
> >
<b-icon icon="map-marker" /> <b-icon icon="map-marker" />
<span v-if="physicalAddress.locality"> <span v-if="isDescriptionDifferentFromLocality">
{{ physicalAddress.locality }} <b>{{ physicalAddress.locality }}</b
>,
{{ physicalAddress.description }}
</span> </span>
<span v-else> <span v-else>
{{ physicalAddress.description }} {{ physicalAddress.description }}
@ -34,3 +36,13 @@ 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;
background-color: #9e9ef2;
}
</style>