From d20952d2fb78ecdafa23196e7ce963e8b75ec6e5 Mon Sep 17 00:00:00 2001 From: Camilledenoray Date: Fri, 5 Jun 2026 16:45:55 +0200 Subject: [PATCH] Fix Filter-menu --- assets/css/src/_index.scss | 22 ++++++++++++------- assets/css/src/_mobile.scss | 24 ++++++++++++--------- assets/css/style.css | 43 +++++++++++++++++++++---------------- assets/css/style.css.map | 2 +- assets/js/filter-menu.js | 7 ++++-- assets/js/project-toggle.js | 2 +- assets/js/router.js | 1 + site/templates/index.php | 20 ++++++++++------- 8 files changed, 73 insertions(+), 48 deletions(-) diff --git a/assets/css/src/_index.scss b/assets/css/src/_index.scss index 6cd35fd..2bb3f58 100644 --- a/assets/css/src/_index.scss +++ b/assets/css/src/_index.scss @@ -1,19 +1,25 @@ body[data-template="index"] { .filter-menu { - display: flex; - flex-wrap: wrap; - opacity: 1; - position: relative; font-size: var(--font-size-L); - pointer-events: all; - column-gap: calc(2 * var(--body-margin)); - margin: calc(4 * var(--line-height-S)) 0 var(--line-height-S) 0; - width: calc(var(--index-width) - var(--body-margin)); + position: sticky; + opacity: 1; line-height: normal; + pointer-events: all; + margin: 0 0 var(--line-height-S) 0; + width: calc(var(--index-width) - var(--body-margin)); + top: 0; + padding-top: calc(var(--line-height-S) * 3); + z-index: 2; button.active { text-decoration: underline; } + + ul { + display: flex; + flex-wrap: wrap; + column-gap: calc(2 * var(--body-margin)); + } } .projects-index summary { diff --git a/assets/css/src/_mobile.scss b/assets/css/src/_mobile.scss index 084d74a..5f75ccf 100644 --- a/assets/css/src/_mobile.scss +++ b/assets/css/src/_mobile.scss @@ -67,26 +67,30 @@ } body[data-template="index"] { - ul.filter-menu { - position: fixed; - top: var(--slider-height); - width: 100%; - - margin: 0; - padding-top: var(--line-height-S); + .filter-menu { + padding-top: 0; } ul.projects-index { position: absolute; - top: var(--slider-height); + top: 0; box-sizing: border-box; width: calc(100vw - calc(var(--body-margin) * 2)); - height: calc(100vh - var(--slider-height)); + height: 100vh; overflow: auto; padding-right: 1.5rem; - padding-top: calc((var(--line-height-S) * 5)); + padding-top: calc(var(--font-size-XL) + (var(--line-height-S) * 1)); + padding-bottom: calc(var(--font-size-XL)); + } + + ul.projects-index:has(.selected) { + top: var(--slider-height); + + height: calc(100vh - var(--slider-height)); + + padding-top: var(--line-height-S); padding-bottom: calc(var(--font-size-XL)); } diff --git a/assets/css/style.css b/assets/css/style.css index a7c11e0..5e7d705 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -590,21 +590,26 @@ dialog#mobile-menu-content::backdrop { } body[data-template=index] .filter-menu { - display: flex; - flex-wrap: wrap; - opacity: 1; - position: relative; font-size: var(--font-size-L); - pointer-events: all; - -moz-column-gap: calc(2 * var(--body-margin)); - column-gap: calc(2 * var(--body-margin)); - margin: calc(4 * var(--line-height-S)) 0 var(--line-height-S) 0; - width: calc(var(--index-width) - var(--body-margin)); + position: sticky; + opacity: 1; line-height: normal; + pointer-events: all; + margin: 0 0 var(--line-height-S) 0; + width: calc(var(--index-width) - var(--body-margin)); + top: 0; + padding-top: calc(var(--line-height-S) * 3); + z-index: 2; } body[data-template=index] .filter-menu button.active { text-decoration: underline; } +body[data-template=index] .filter-menu ul { + display: flex; + flex-wrap: wrap; + -moz-column-gap: calc(2 * var(--body-margin)); + column-gap: calc(2 * var(--body-margin)); +} body[data-template=index] .projects-index summary { cursor: pointer; } @@ -672,22 +677,24 @@ body[data-template=index] .projects-index li.filtered-out { top: var(--slider-height); padding-top: 0; } - body[data-template=index] ul.filter-menu { - position: fixed; - top: var(--slider-height); - width: 100%; - margin: 0; - padding-top: var(--line-height-S); + body[data-template=index] .filter-menu { + padding-top: 0; } body[data-template=index] ul.projects-index { position: absolute; - top: var(--slider-height); + top: 0; box-sizing: border-box; width: calc(100vw - var(--body-margin) * 2); - height: calc(100vh - var(--slider-height)); + height: 100vh; overflow: auto; padding-right: 1.5rem; - padding-top: calc(var(--line-height-S) * 5); + padding-top: calc(var(--font-size-XL) + var(--line-height-S) * 1); + padding-bottom: calc(var(--font-size-XL)); + } + body[data-template=index] ul.projects-index:has(.selected) { + top: var(--slider-height); + height: calc(100vh - var(--slider-height)); + padding-top: var(--line-height-S); padding-bottom: calc(var(--font-size-XL)); } body[data-template=index] .selected .fix:hover + .toggle { diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 4a37002..6ba375b 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_index.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_index.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/js/filter-menu.js b/assets/js/filter-menu.js index 73c769e..d0a69d9 100644 --- a/assets/js/filter-menu.js +++ b/assets/js/filter-menu.js @@ -1,5 +1,5 @@ const filterButtons = document.querySelectorAll(".filter-menu button"); -const projectItems = document.querySelectorAll(".projects-index li"); +const projectItems = document.querySelectorAll(".projects-index li.project"); function applyFilter(filter) { filterButtons.forEach((b) => b.classList.remove("active")); @@ -11,6 +11,7 @@ function applyFilter(filter) { if (btn) btn.classList.add("active"); projectItems.forEach((item) => { item.classList.toggle("filtered-out", item.dataset.category !== filter); + item.classList.remove("selected", "unselected"); }); } @@ -23,6 +24,8 @@ filterButtons.forEach((btn) => { }); }); -window.addEventListener("routechange", () => applyFilter(Router.getParam("filter"))); +window.addEventListener("routechange", () => + applyFilter(Router.getParam("filter")), +); applyFilter(Router.getParam("filter")); diff --git a/assets/js/project-toggle.js b/assets/js/project-toggle.js index 3f29a06..1a60b8d 100644 --- a/assets/js/project-toggle.js +++ b/assets/js/project-toggle.js @@ -1,4 +1,4 @@ -const allProjects = document.querySelectorAll(".projects-index li"); +const allProjects = document.querySelectorAll(".projects-index li.project"); function selectProject(slug) { if (!slug) { diff --git a/assets/js/router.js b/assets/js/router.js index d39aa83..dcdaa26 100644 --- a/assets/js/router.js +++ b/assets/js/router.js @@ -2,6 +2,7 @@ const Router = { getParam(key) { return new URLSearchParams(window.location.search).get(key); }, + setParam(key, value) { const url = new URL(window.location); if (value != null) { diff --git a/site/templates/index.php b/site/templates/index.php index 94fa2a9..48db57e 100644 --- a/site/templates/index.php +++ b/site/templates/index.php @@ -1,16 +1,20 @@ - +