From ed28a4cc0d36d2e25096f1ed6863e2624b81dfff Mon Sep 17 00:00:00 2001 From: Ralph Slooten Date: Thu, 11 Aug 2022 00:31:22 +1200 Subject: [PATCH] UI: Resize iframes with viewport resize --- server/ui-src/templates/Message.vue | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/server/ui-src/templates/Message.vue b/server/ui-src/templates/Message.vue index 1370014..3682df7 100644 --- a/server/ui-src/templates/Message.vue +++ b/server/ui-src/templates/Message.vue @@ -15,6 +15,7 @@ export default { iframes: [], // for resizing } }, + mounted() { var self = this; @@ -46,11 +47,29 @@ export default { self.srcURI = 'api/' + self.mailbox + '/' + self.message.ID + '/source'; }); }, + + unmounted: function() { + window.removeEventListener("resize", this.resizeIframes); + }, + methods: { resizeIframe: function(el) { let i = el.target; i.style.height = i.contentWindow.document.body.scrollHeight + 50 + 'px'; }, + + resizeIframes: function() { + let h = document.getElementById('preview-html'); + if (h) { + h.style.height = h.contentWindow.document.body.scrollHeight + 50 + 'px'; + } + + let s = document.getElementById('message-src'); + if (s) { + s.style.height = s.contentWindow.document.body.scrollHeight + 50 + 'px'; + } + }, + allAttachments: function(message){ let a = []; for (let i in message.Attachments) {