5 changed files with 7 additions and 78 deletions
@ -1,58 +0,0 @@ |
|||||||
/*mobile search facets*/ |
|
||||||
.region--sidebar { |
|
||||||
.block { |
|
||||||
/*display: none;*/ |
|
||||||
margin-bottom: 2em; |
|
||||||
} |
|
||||||
.block.hidden { |
|
||||||
/*display: none !important;*/ |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
@media (max-width: 1000px) { |
|
||||||
.facet-wrapper { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
#toggle-facets { |
|
||||||
background-color: var(--color--bdh-red); |
|
||||||
transition: filter 0.2s ease; /* Optional: smooth transition */ |
|
||||||
font-size:1em; |
|
||||||
color: white; |
|
||||||
border: none; |
|
||||||
padding: 10px 15px; |
|
||||||
border-radius: 4px; |
|
||||||
cursor: pointer; |
|
||||||
/*temp*/ |
|
||||||
display: block; |
|
||||||
width: 100%; |
|
||||||
&:hover { |
|
||||||
filter: brightness(1.5); /* Lightens by 10% */ |
|
||||||
} |
|
||||||
} |
|
||||||
.sidebar-grid { |
|
||||||
display: grid; |
|
||||||
grid-template-columns: 1fr; /* Single column for vertical stacking */ |
|
||||||
gap: 1rem; /* Optional: adds space between items */ |
|
||||||
} |
|
||||||
.sidebar-grid .region--sidebar { |
|
||||||
grid-column: 1 / 15; |
|
||||||
} |
|
||||||
|
|
||||||
main { |
|
||||||
order: 2; /* Places main after aside visually */ |
|
||||||
} |
|
||||||
|
|
||||||
aside { |
|
||||||
order: 1; /* Places aside before main visually */ |
|
||||||
} |
|
||||||
.sidebar-grid > .site-main { |
|
||||||
grid-column: 1 / 15; |
|
||||||
align-self: flex-start; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
@media (min-width: 1001px) { |
|
||||||
#toggle-facets { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,16 +0,0 @@ |
|||||||
(function (Drupal) { |
|
||||||
document.addEventListener("DOMContentLoaded", function () { |
|
||||||
const toggleButton = document.getElementById("toggle-facets"); |
|
||||||
const facetWrapper = document.querySelector( |
|
||||||
".region--sidebar .facet-wrapper" |
|
||||||
); |
|
||||||
|
|
||||||
if (toggleButton && facetWrapper) { |
|
||||||
toggleButton.addEventListener("click", function () { |
|
||||||
const isHidden = |
|
||||||
facetWrapper.style.display === "none" || !facetWrapper.style.display; // Accounts for CSS default
|
|
||||||
facetWrapper.style.display = isHidden ? "block" : "none"; |
|
||||||
}); |
|
||||||
} |
|
||||||
}); |
|
||||||
})(Drupal); |
|
||||||
Loading…
Reference in new issue