From 6a0db00f24763d9b07de8b484a42a9c5d76a1677 Mon Sep 17 00:00:00 2001
From: Kevin Veen-Birkenbach <kevin@veen.world>
Date: Tue, 18 Mar 2025 15:03:03 +0100
Subject: [PATCH] Modified scrollbars for iframes
---
app/static/js/iframe.js | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/app/static/js/iframe.js b/app/static/js/iframe.js
index 63012d1..a1675c4 100644
--- a/app/static/js/iframe.js
+++ b/app/static/js/iframe.js
@@ -2,6 +2,7 @@ document.addEventListener("DOMContentLoaded", function () {
const links = document.querySelectorAll(".iframe-link");
const mainElement = document.querySelector("main");
const container = document.querySelector(".container");
+ const customScrollbar = document.getElementById("custom-scrollbar");
links.forEach(link => {
link.addEventListener("click", function (event) {
@@ -19,6 +20,11 @@ document.addEventListener("DOMContentLoaded", function () {
container.classList.replace("container", "container-fluid");
}
+ // Hide the custom scrollbar
+ if (customScrollbar) {
+ customScrollbar.style.display = "none";
+ }
+
// Check if the iframe already exists
let iframe = mainElement.querySelector("iframe");
@@ -28,6 +34,8 @@ document.addEventListener("DOMContentLoaded", function () {
iframe.width = "100%";
iframe.style.border = "none";
iframe.style.height = mainElement.style.height; // Apply fixed height
+ iframe.style.overflow = "auto"; // Enable scrollbar inside iframe
+ iframe.scrolling = "auto"; // Ensure scrollability
mainElement.innerHTML = ""; // Clear main content
mainElement.appendChild(iframe);
}