From bf00bb3eb8de9d37e1eb6c8a4a71848cbc01e5e1 Mon Sep 17 00:00:00 2001 From: rdrew Date: Thu, 8 Jan 2026 16:09:38 -0400 Subject: [PATCH] pager --- css/components/advanced_search.pager.css | 158 +++++++++++++++++++++++ css/components/islandora_mods.css | 13 +- css/components/pager.css | 16 +-- olivesbdh.libraries.yml | 7 + 4 files changed, 185 insertions(+), 9 deletions(-) create mode 100644 css/components/advanced_search.pager.css diff --git a/css/components/advanced_search.pager.css b/css/components/advanced_search.pager.css new file mode 100644 index 0000000..e71fb81 --- /dev/null +++ b/css/components/advanced_search.pager.css @@ -0,0 +1,158 @@ + +.advanced_search_result_pager .pager__summary { + font-weight: 700; +} + +.advanced_search_result_pager .pager__group { + margin: 1.25rem 0; + padding: 1rem 0; + border-top: 1px solid; + border-bottom: 1px solid; + border-color: #e5e5e5; + display: flex; + justify-content: flex-start; + align-items: center; + flex-flow: row wrap; +} + +@media all and (min-width: 45.063em) { + .advanced_search_result_pager .pager__group { + justify-content: flex-end; + } + .advanced_search_result_pager .pager__group > * { + margin: 0.47214rem 0 0.47214rem 2.61803rem; + } + .advanced_search_result_pager .pager__group > *:first-child { + margin-left: 0; + } +} + +.advanced_search_result_pager .pager__group > * { + margin: 0.47214rem 2rem 0.47214rem 0; +} + +.advanced_search_result_pager .pager__group > *:last-child { + margin-right: 0; +} + +.advanced_search_result_pager .pager__group .item-list__list, +.advanced_search_result_pager .pager__group .item-list__title, +.advanced_search_result_pager .pager__group .item-list__item { + display: inline; +} + +.advanced_search_result_pager .pager__group .item-list__title { + font-size: initial; + margin: 0.25rem; +} + +.pager { + margin: initial; +} + +.pager__item { + margin: 0.125rem; + text-align: center; +} + +.pager__items { + text-align: right; +} + +@media all and (max-width: 45em) { + .pager__items { + text-align: center; + } +} + +.pager__items__first-previous, +.pager__items__num-pages, +.pager__items__next-last { + display: inline; +} + +.pager__items__first-previous, +.pager__items__next-last { + float: none; +} + +.pager__items__first-previous .pager__item, +.pager__items__next-last .pager__item { + display: inline; +} + +.pager .pager__link, +.pager__results .pager__link { + display: inherit; + border-radius: 0.125em; + border: 1px solid; + transition: all, 0.2s, ease-in-out; + min-width: 1.75em; + padding: 0.125rem 0.4375rem 0; +} + +.pager .pager__link:focus, +.pager .pager__link:hover, +.pager__results .pager__link:focus, +.pager__results .pager__link:hover { + text-decoration: underline; +} + +.pager__display .pager__link { + background-color: #ffffff; +} + +.pager__display .pager__link:hover, +.pager__display .pager__link:focus { + background-color: #ffffff; +} + +.pager__link--is-active { + text-decoration: underline !important; + border: solid 2px #0d77b5; +} + +.view-grid .view-content .views-row { + padding: 0px 20px 20px 0px !important; +} + +/* generalizing */ +.advanced_search_result_pager .pager__group .pager { + display: none; +} + +.advanced_search_result_pager .pager__group > * { + margin: 0.47214rem 2rem 0.47214rem 0; + display: flex; +} + +.advanced_search_result_pager .pager__group > *:last-child { + margin-right: 0; +} + +.view-filters { + display: none; +} + +.pager__group .container { + width: auto !important; + padding-left: 0 !important; + padding-right: 0 !important; +} + +.advanced_search_result_pager .pager__group nav { + display: none; +} + +.view-grid > .view-content { + display: grid; + grid-template-columns: repeat(3, 1fr); + /*margin: 0.47214rem 0 0.47214rem 2.61803rem;*/ +} + +@media only screen and (max-width: 600px) { + .view-grid > .view-content { + display: grid; + grid-template-columns: repeat(1, 1fr); + } +} diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index fb615f7..4b9c998 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -17,6 +17,10 @@ iframe.pdf { .facet-wrapper ul { list-style-type: none; margin: 0; + a { + text-decoration: none; + font-size:1em; + } } /*tune variants*/ .view-bdh-audio-views caption { @@ -178,6 +182,7 @@ iframe.pdf { img { width: var(--image-width); /*padding: var(--border-width);*/ + border: 1px solid #ccc; } /*height: var(--image-height);*/ overflow: hidden; @@ -191,7 +196,7 @@ iframe.pdf { transition: box-shadow 0.2s; box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); /*&:hover {*/ - /*box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.44);*/ + /*box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.44);*/ /*}*/ } /*title*/ @@ -214,6 +219,7 @@ iframe.pdf { .views-field-did-image ) { background: var(--field-bg); + /*border: var(--border-width) solid var(--color--bdh-red);*/ border-bottom: var(--border-width) dotted var(--color--bdh-red); border-top: 0; @@ -229,6 +235,11 @@ iframe.pdf { font-weight: bold; font-family: var(--font-serif); /*display: block;*/ + font-size: .85rem; + } + .views-field:not( .views-field-title ) { + + font-size: .85rem; } } div#block-olivesbdh-solrsearchcontentsearchresultspagerforblock { diff --git a/css/components/pager.css b/css/components/pager.css index 85680ce..f873f36 100755 --- a/css/components/pager.css +++ b/css/components/pager.css @@ -94,11 +94,11 @@ .pager__item { } -.pager__link { - border: 1px solid; - transition: all, 0.2s, ease-in-out; - min-width: 1.75em 28px; - padding: 0.125rem 0.4375rem 0; - margin: 5px; - width: var(--sp3); -} +/*.pager__link {*/ + /*border: 1px solid;*/ + /*transition: all, 0.2s, ease-in-out;*/ + /*min-width: 1.75em 28px;*/ + /*padding: 0.125rem 0.4375rem 0;*/ + /*margin: 5px;*/ + /*width: var(--sp3);*/ +/*}*/ diff --git a/olivesbdh.libraries.yml b/olivesbdh.libraries.yml index ca0c77b..d53fcf8 100755 --- a/olivesbdh.libraries.yml +++ b/olivesbdh.libraries.yml @@ -53,6 +53,7 @@ global-styling: css/components/wide-image.css: {} css/components/unsorted.css: {} css/components/islandora_mods.css: {} + css/components/advanced_search.pager.css: {} js: js/checkbox.js: {} @@ -304,3 +305,9 @@ tags: css: theme: css/components/tags.css: {} + +libraries-override: + advanced_search/advanced.search.pager: + css: + component: + css/advanced_search.pager.css: false