w0bm/f0bm
4
0
Fork 1
Code Pull Requests Activity

feat: Refactor fullscreen toggle and theme initialization in JavaScript, and refine fullscreen CSS styling for improved appearance.

Browse Source
This commit is contained in:
x
2026-01-24 20:52:53 +01:00
parent 9d4f47698c
commit 7baf50f9fa
2 changed files with 53 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/s/css/f0ck.css
View File

@@ -1144,12 +1144,20 @@ html[theme="f0ck95d"] .admin-search button {
} }
/* fullscreen */ /* fullscreen */
html[res="fullscreen"] ._204863 {
border-top: none;
}
html[res="fullscreen"] .metadata {
border-bottom: none;
}
html[res="fullscreen"] .embed-responsive-16by9::before { html[res="fullscreen"] .embed-responsive-16by9::before {
padding-top: 32.99%; padding-top: 32.99%;
} }
html[res="fullscreen"] .container { html[res="fullscreen"] .container {
max-width: 100% !important; max-width: 90% !important;
padding: 0 !important; padding: 0 !important;
} }

16
public/s/js/theme.js
View File

@@ -18,8 +18,7 @@ const Cookie = {
const acttheme = Cookie.get('theme') ?? "w0bm"; const acttheme = Cookie.get('theme') ?? "w0bm";
const themecontainer = document.querySelector("li#themes > ul.dropdown-menu"); const themecontainer = document.querySelector("li#themes > ul.dropdown-menu");
if (!themecontainer) return; // Theme menu not present on this page if (themecontainer) {
const themes = [...themecontainer.querySelectorAll("li > a")].map(t => t.innerText.toLowerCase()); const themes = [...themecontainer.querySelectorAll("li > a")].map(t => t.innerText.toLowerCase());
if (acttheme !== document.documentElement.getAttribute("theme") && themes.includes(acttheme)) if (acttheme !== document.documentElement.getAttribute("theme") && themes.includes(acttheme))
document.documentElement.setAttribute("theme", acttheme); document.documentElement.setAttribute("theme", acttheme);
@@ -48,21 +47,24 @@ const Cookie = {
// Cookie.set("theme", themes[i], { path: "/", days: 360 }); // Cookie.set("theme", themes[i], { path: "/", days: 360 });
// } // }
}); });
}
// Fullscreen toggle - runs regardless of theme menu presence
document.addEventListener('click', e => {
const tbuttonfull = e.target.closest('svg#a_tfull');
if (!tbuttonfull) return;
if (tbuttonfull = document.querySelector('svg#a_tfull')) {
tbuttonfull.addEventListener('click', e => {
let f = Cookie.get('fullscreen'); let f = Cookie.get('fullscreen');
if (f == 1) { if (f == 1) {
Cookie.set('fullscreen', 0); Cookie.set('fullscreen', 0);
document.querySelector('html').setAttribute('res', ''); document.documentElement.setAttribute('res', '');
tbuttonfull.innerHTML = `<use href="/s/img/iconset.svg#window-maximize"></use>`; tbuttonfull.innerHTML = `<use href="/s/img/iconset.svg#window-maximize"></use>`;
} }
else { else {
Cookie.set('fullscreen', 1); Cookie.set('fullscreen', 1);
document.querySelector('html').setAttribute('res', 'fullscreen'); document.documentElement.setAttribute('res', 'fullscreen');
tbuttonfull.innerHTML = `<use href="/s/img/iconset.svg#window-minimize"></use>`; tbuttonfull.innerHTML = `<use href="/s/img/iconset.svg#window-minimize"></use>`;
} }
return true; return true;
}); });
}
})(); })();