diff --git a/css/base/base.css b/css/base/base.css index 9b0b2c2..35a0ee7 100755 --- a/css/base/base.css +++ b/css/base/base.css @@ -27,8 +27,8 @@ html { body { margin: 0; color: var(--color-text-neutral-medium); - /*background-color: var(--color--gray-100);*/ - background-color: #ece8e3; + background-color: var(--color--gray-100); + /*background-color: #ece8e3;*/ /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");*/ /*background-position: top left; [> LTR <]*/ } diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index bec8836..e69de29 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -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; - } -} diff --git a/js/custom.js b/js/custom.js new file mode 100644 index 0000000..d6bfbee --- /dev/null +++ b/js/custom.js @@ -0,0 +1,3 @@ +(function (Drupal) { + //stuff goes here +})(Drupal); diff --git a/js/facet-hide.js b/js/facet-hide.js deleted file mode 100755 index 43f015b..0000000 --- a/js/facet-hide.js +++ /dev/null @@ -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); diff --git a/olivesbdh.libraries.yml b/olivesbdh.libraries.yml index 9eceb6b..ca0c77b 100755 --- a/olivesbdh.libraries.yml +++ b/olivesbdh.libraries.yml @@ -52,11 +52,11 @@ global-styling: css/components/tabledrag.css: {} css/components/wide-image.css: {} css/components/unsorted.css: {} - #css/components/islandora_mods.css: {} + css/components/islandora_mods.css: {} js: js/checkbox.js: {} - #js/facet-hide.js: {} + js/custom.js: {} dependencies: - core/drupal - core/once