kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-07-17 15:04:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

Solved 2tap fullscreen hight bug

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-07-08 14:39:13 +02:00
parent ab8ea0dbd6
commit 6ed3e60dd0
No known key found for this signature in database
GPG Key ID: 44D8F11FD62F878E
1 changed files with 19 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
app/static/js/iframe.js
View File

@ -1,5 +1,6 @@
// Global variables to store elements and original state
let mainElement, originalContent, originalMainStyle, container, customScrollbar, scrollbarContainer;
let currentIframeUrl = null;
// Synchronize the height of the iframe to match the scroll-container or main element
function syncIframeHeight() {
@ -103,41 +104,21 @@ document.addEventListener("DOMContentLoaded", function() {
customScrollbar = document.getElementById("custom-scrollbar");
scrollbarContainer = container.querySelector(".scroll-container")
// Attach click handlers to links that should open in an iframe
document.querySelectorAll(".iframe-link").forEach(link => {
link.addEventListener("click", function(event) {
event.preventDefault(); // prevent full page navigation
openIframe(this.href);
updateUrlFullWidth(true);
});
});
document.querySelectorAll(".js-restore").forEach(el => {
el.style.cursor = "pointer";
el.addEventListener("click", restoreOriginal);
});
// On full page load, check URL parameters to auto-open an iframe
window.addEventListener("load", function() {
const params = new URLSearchParams(window.location.search);
const iframeUrl = params.get('iframe');
if (iframeUrl) {
openIframe(iframeUrl);
}
});
});
// Handle browser back/forward navigation
window.addEventListener('popstate', function(event) {
const params = new URLSearchParams(window.location.search);
const iframeUrl = params.get('iframe');
if (iframeUrl) {
openIframe(iframeUrl);
} else {
// === Close iframe & exit fullscreen on any .js-restore click ===
document.body.addEventListener('click', e => {
if (e.target.closest('.js-restore')) {
restoreOriginal();
exitFullscreen();
currentIframeUrl = null;
history.replaceState(null, '', window.location.pathname);
}
});
});
/**
@ -181,3 +162,13 @@ function observeIframeNavigation() {
}
}, 500);
}
// Remember and open via central toggle
document.querySelectorAll(".iframe-link").forEach(link => {
link.addEventListener("click", function(event) {
event.preventDefault();
currentIframeUrl = this.href;
enterFullscreen();
openIframe(currentIframeUrl);
});
});