diff options
author | Joas Schilling <coding@schilljs.com> | 2022-07-08 15:41:08 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-07-08 15:41:08 +0300 |
commit | 0e3934cce533a5261d7d6d52f499dfcfa41ecc15 (patch) | |
tree | 0483425b0bf6ffd809e562d3b3a9679a5f8f2e5e | |
parent | 9d00578f15bf214dbe43ff9737df208e938abf67 (diff) |
Fix locations not showing in chat due to missing heightbugfix/7519/locations-not-visible-in-chat
Signed-off-by: Joas Schilling <coding@schilljs.com>
-rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue | 17 | ||||
-rw-r--r-- | src/components/RightSidebar/SharedItems/SharedItems.vue | 3 |
2 files changed, 17 insertions, 3 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue index 7d7ed237c..1b072fedc 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue @@ -24,6 +24,7 @@ target="_blank" rel="noopener noreferrer" class="location" + :class="{ 'wide': wide}" :aria-label="linkAriaLabel"> <LMap :zoom="previewZoom" :center="center" @@ -93,6 +94,11 @@ export default { type: String, default: '', }, + + wide: { + type: Boolean, + default: false, + }, }, data() { @@ -133,7 +139,14 @@ export default { white-space: initial; overflow: hidden; border-radius: var(--border-radius-large); - width: 100%; - height: 100%; + height: 300px; + max-height: 30vh; + margin: 4px; + + &.wide { + width: 100%; + height: 100%; + margin: 0; + } } </style> diff --git a/src/components/RightSidebar/SharedItems/SharedItems.vue b/src/components/RightSidebar/SharedItems/SharedItems.vue index 3bd6f1f01..e3472a367 100644 --- a/src/components/RightSidebar/SharedItems/SharedItems.vue +++ b/src/components/RightSidebar/SharedItems/SharedItems.vue @@ -26,7 +26,8 @@ :key="item.id" class="shared-items__location" :class="{ 'shared-items__location--nolimit': limit === 0 }"> - <Location v-bind="item.messageParameters.object" /> + <Location :wide="true" + v-bind="item.messageParameters.object" /> </div> <div v-else-if="type === 'deckcard'" :key="item.id" |