kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-11-04 01:18:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added fullwidth animation

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach
2025-07-06 17:35:40 +02:00
parent 539580ad09
commit a7eb14046f
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/static/css/default.css
View File

@@ -135,3 +135,15 @@ body::before {
iframe{ iframe{
margin-bottom: -10px; margin-bottom: -10px;
} }
.container-fluid {
max-width: 100% !important;
}
.container,
.container-fluid {
transition:
max-width 1s ease-in-out,
padding-left 1s ease-in-out,
padding-right 1s ease-in-out;
}

5
app/static/js/fullwidth.js
View File

@@ -7,13 +7,14 @@ function setFullWidth(enabled) {
if (!el) return; if (!el) return;
if (enabled) { if (enabled) {
el.classList.replace('container', 'container-fluid'); el.classList.replace('container', 'container-fluid');
updateUrlFullWidth(true) updateUrlFullWidth(true);
} else { } else {
el.classList.replace('container-fluid', 'container'); el.classList.replace('container-fluid', 'container');
updateUrlFullWidth(false) updateUrlFullWidth(false);
} }
} }
/** /**
* Reads the URL parameter `fullwidth` and applies full width if it's set. * Reads the URL parameter `fullwidth` and applies full width if it's set.
* @returns {boolean} – current full‐width state * @returns {boolean} – current full‐width state