fix: minor scroll in email content

This commit is contained in:
Shariq Ansari 2024-07-12 18:53:28 +05:30
parent f1ede153b5
commit df767cb1ba

View File

@ -4,6 +4,7 @@
:srcdoc="htmlContent" :srcdoc="htmlContent"
class="prose-f block h-screen max-h-[500px] w-full" class="prose-f block h-screen max-h-[500px] w-full"
style=" style="
height: 40px;
mask-image: linear-gradient( mask-image: linear-gradient(
to bottom, to bottom,
black calc(100% - 20px), black calc(100% - 20px),
@ -235,13 +236,13 @@ watch(iframeRef, (iframe) => {
iframe.contentWindow.document.querySelector('.email-content') iframe.contentWindow.document.querySelector('.email-content')
let parent = emailContent.closest('html') let parent = emailContent.closest('html')
iframe.style.height = parent.offsetHeight + 'px' iframe.style.height = parent.offsetHeight + 1 + 'px'
let replyCollapsers = emailContent.querySelectorAll('.replyCollapser') let replyCollapsers = emailContent.querySelectorAll('.replyCollapser')
if (replyCollapsers.length) { if (replyCollapsers.length) {
replyCollapsers.forEach((replyCollapser) => { replyCollapsers.forEach((replyCollapser) => {
replyCollapser.addEventListener('change', () => { replyCollapser.addEventListener('change', () => {
iframe.style.height = parent.offsetHeight + 'px' iframe.style.height = parent.offsetHeight + 1 + 'px'
}) })
}) })
} }