Browse Source

cleanup

master
rdrew 2 months ago
parent
commit
897318565a
  1. 4
      css/base/base.css
  2. 58
      css/components/islandora_mods.css
  3. 3
      js/custom.js
  4. 16
      js/facet-hide.js
  5. 4
      olivesbdh.libraries.yml

4
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 <]*/
}

58
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;
}
}

3
js/custom.js

@ -0,0 +1,3 @@
(function (Drupal) {
//stuff goes here
})(Drupal);

16
js/facet-hide.js

@ -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);

4
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

Loading…
Cancel
Save