diff --git a/css/components/advanced_search.pager.css b/css/components/advanced_search.pager.css index 4ca75e3..b3b70cf 100644 --- a/css/components/advanced_search.pager.css +++ b/css/components/advanced_search.pager.css @@ -1,4 +1,3 @@ - .advanced_search_result_pager .pager__summary { font-weight: 700; } @@ -13,6 +12,9 @@ justify-content: flex-start; align-items: center; flex-flow: row wrap; + ul { + display: flex; + } } @media all and (min-width: 45.063em) { @@ -46,14 +48,13 @@ margin: 0.25rem; } - .view-grid .view-content .views-row { padding: 0px 20px 20px 0px !important; } /* generalizing */ .advanced_search_result_pager .pager__group .pager { - display: none*display: none;*/ + display: none; } .pager__group .container { @@ -66,7 +67,7 @@ display: none; } -.view-grid > .view-content { +.view-grid > .view-content { display: grid; grid-template-columns: repeat(3, 1fr); /*margin: 0.47214rem 0 0.47214rem 2.61803rem;*/ diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index e35ef56..3911be2 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -1,3 +1,32 @@ +.page-node-type-book { + #toggle-facets { + display:none; + } + + +} +div#block-olivesbdh-solrsearchcontentsearchresultspagerforpage { + margin: 0; +} +.view-filters { + margin: 0; +} +.collection-view .view-filters { + display: none; +} +#toggle-facets { + box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); +} +#toggle-facets:hover { + filter: none; +} +/*tables*/ +.view-people .view-content, +.view-tunes .view-content { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + /*tooltips*/ .audio-tooltip { position: absolute; @@ -29,7 +58,7 @@ a.js-play-audio-from-node::after { content: ""; display: inline-block; width: 1.1em; - height: .9em; + height: 0.9em; margin-left: 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M533.6 32.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C557.5 113.8 592 180.8 592 256s-34.5 142.2-88.7 186.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C598.5 426.7 640 346.2 640 256S598.5 85.2 533.6 32.5zM473.1 107c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C475.3 170.7 496 210.9 496 256s-20.7 85.3-53.2 111.8c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5c43.2-35.2 70.9-88.9 70.9-149s-27.7-113.8-70.9-149zm-60.5 74.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C393.1 227.6 400 241 400 256s-6.9 28.4-17.7 37.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C434.1 312.9 448 286.1 448 256s-13.9-56.9-35.4-74.5zM80 352l48 0 134.1 119.2c6.4 5.7 14.6 8.8 23.1 8.8 19.2 0 34.8-15.6 34.8-34.8l0-378.4c0-19.2-15.6-34.8-34.8-34.8-8.5 0-16.7 3.1-23.1 8.8L128 160 80 160c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48z'/%3E%3C/svg%3E"); background-repeat: no-repeat; diff --git a/css/components/landing_page.css b/css/components/landing_page.css index 019e05b..8f11c43 100755 --- a/css/components/landing_page.css +++ b/css/components/landing_page.css @@ -13,22 +13,43 @@ nav#block-olivesbdh-landingpagemenu { flex-direction: column; text-decoration: none; color: #fff; - padding: 1.2em 1.2em 0.6em 1.2em; transition: all 0.2s linear; } .menu__link:hover { background: #d2966e; } i { - display: flex; - justify-content: center; - font-size: 1.3em; + display: flex; + justify-content: center; + font-size: 1.3em; } } } - +nav#block-olivesbdh-landingpagemenu .menu__link { + padding: 1.2em 1.2em 0.6em 1.2em; +} +@media (max-width: 800px) { + nav#block-olivesbdh-landingpagemenu .menu__link { + padding: 12px 10px 6px 10px; + } +} /* end of Landing page menu*/ figure.logo--ilivesbdh { + h1 { + /*font-size: 4em;*/ + /*font-weight:bold;*/ + } + h2 { + /*font-size: 2.2em;*/ + /*font-weight:bold;*/ + } +} + +.logo--ilivesbdh { + /* Default/fallback for very old browsers */ + --h1-size: 4em; + --h2-size: 2.2em; + background: none; /* width: 24em; */ margin: 0 auto; @@ -42,20 +63,31 @@ figure.logo--ilivesbdh { h2 { margin: 0; text-shadow: 2px 2px black; + color: #fff; } h1 { - font-size: 4em; - /*font-weight:bold;*/ - color: #fff; + font-size: var(--h1-size); border-bottom: 4px double; } h2 { - font-size: 2.2em; - color: #fff; - /*font-weight:bold;*/ + font-size: var(--h2-size); } } +/* ── Only below 800px: start fluid scaling down ── */ +@media (max-width: 800px) { + .logo--ilivesbdh h1 { + /* + - Never smaller than ~2.2–2.5em (readable on mobile) + - Scales smoothly with viewport + - Caps at your original 4em (won't grow above desktop size) + */ + font-size: clamp(2.5em, 9.5vw, 4em); + } + .logo--ilivesbdh h2 { + font-size: clamp(1.8em, 5.2vw, 2.2em); + } +} .page-node-type-landing-page #block-views-block-media-display-blocks-source { display: none; }