Added fullwidth animation

This commit is contained in:
Kevin Veen-Birkenbach 2025-07-06 17:35:40 +02:00
parent 539580ad09
commit a7eb14046f
No known key found for this signature in database
GPG Key ID: 44D8F11FD62F878E
2 changed files with 15 additions and 2 deletions

View File

@ -135,3 +135,15 @@ body::before {
iframe{
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;
}

View File

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