fix: revert back to scrollable page

Author: davidmrc6

src/filelist.scss

@@ -19,29 +19,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-.sendent-compact-empty {
-    min-height: unset !important;
-    height: auto !important;
-    flex-grow: 0 !important;
-    padding: 12px 0 !important;
-
-    // Hide the large folder icon
-    .empty-content__icon {
-        display: none !important;
-    }
-
-    // Shrink the "No files" title
-    .empty-content__name {
-        font-size: 14px !important;
-        font-weight: normal !important;
-        color: var(--color-text-maxcontrast) !important;
-        margin: 0 !important;
-    }
-
-    // Hide the description text
-    .empty-content__description {
-        display: none !important;
-    }
+// Hide the "No files" empty state when securemail content is present
+.sendent-hide-empty {
+    display: none !important;
 }
 
 #sendent-content {
@@ -62,10 +42,10 @@
     iframe {
         display: block;
         width: 100%;
-        max-height: 60vh;
         min-height: 120px;
+        overflow: hidden;
         background-color: var(--color-main-background);
         border: 1px solid var(--color-border);
         border-radius: 8px;
     }
-}
+}

src/filelist.ts

@@ -80,8 +80,8 @@ class FooterFile {
 
 		if (!anchor) return
 
-		// Make the empty state minimal when securemail content is present
-		compactEmptyState()
+		// Hide the "No files" empty state when securemail content is present
+		hideEmptyState()
 
 		anchor.insertAdjacentElement('afterend', container)
 
@@ -138,29 +138,46 @@ class FooterFile {
 
 	private generateIframeElement(content: string): HTMLIFrameElement {
 		const iframe = document.createElement('iframe')
+		iframe.scrolling = 'no'
+
+		const resizeIframe = () => {
+			const innerHeight = iframe.contentDocument?.documentElement?.scrollHeight
+			if (innerHeight) iframe.style.height = innerHeight + 'px'
+		}
+
+		iframe.addEventListener('load', () => {
+			resizeIframe()
+			// Re-measure after images finish loading
+			const images = iframe.contentDocument?.querySelectorAll('img')
+			for (const img of Array.from(images ?? [])) {
+				if (!img.complete) {
+					img.addEventListener('load', resizeIframe)
+					img.addEventListener('error', resizeIframe)
+				}
+			}
+		})
 		iframe.srcdoc = content
 		return iframe
 	}
 
 }
 
 /**
- * Collapses the Nextcloud "No files" empty state so it doesn't fill the viewport,
- * but keeps it visible as a compact element.
+ * Hides the Nextcloud "No files" empty state when securemail content is shown.
  */
-function compactEmptyState() {
+function hideEmptyState() {
 	const el = document.querySelector('.files-list__empty')
 		|| document.querySelector('.files-list .empty-content')
 	if (el instanceof HTMLElement) {
-		el.classList.add('sendent-compact-empty')
+		el.classList.add('sendent-hide-empty')
 	}
 }
 
 /**
  * Restores the empty state to its default layout.
  */
 function restoreEmptyState() {
-	document.querySelector('.sendent-compact-empty')?.classList.remove('sendent-compact-empty')
+	document.querySelector('.sendent-hide-empty')?.classList.remove('sendent-hide-empty')
 }
 
 let debounceTimer: ReturnType<typeof setTimeout> | null = null