Fix body class to show the filters without JavaScript
This class must match the one set by the “Filter” button so that when there is no JavaScript filters forms are always visible.
This commit is contained in:
parent
a7c1df20f0
commit
ae1e294144
|
@ -712,7 +712,7 @@ htmx.on('closeModal', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
htmx.on(document, 'alpine:init', () => {
|
htmx.on(document, 'alpine:init', () => {
|
||||||
document.body.classList.remove('show-filters');
|
document.body.classList.remove('filters-visible');
|
||||||
|
|
||||||
Alpine.data('snackbar', () => ({
|
Alpine.data('snackbar', () => ({
|
||||||
show: false, toast: "", toasts: [], timeoutId: null, init() {
|
show: false, toast: "", toasts: [], timeoutId: null, init() {
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<script type="module" src="/static/numerus.js"></script>
|
<script type="module" src="/static/numerus.js"></script>
|
||||||
<script defer src="/static/alpinejs@3.12.0.min.js"></script>
|
<script defer src="/static/alpinejs@3.12.0.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="show-filters">
|
<body class="filters-visible">
|
||||||
<header>
|
<header>
|
||||||
<h1><img src="/static/numerus.svg" alt="Numerus" width="261" height="33"></h1>
|
<h1><img src="/static/numerus.svg" alt="Numerus" width="261" height="33"></h1>
|
||||||
<details id="profile-menu" class="menu">
|
<details id="profile-menu" class="menu">
|
||||||
|
|
Loading…
Reference in New Issue