Browse Source

pager

master
rdrew 3 days ago
parent
commit
bf00bb3eb8
  1. 158
      css/components/advanced_search.pager.css
  2. 13
      css/components/islandora_mods.css
  3. 16
      css/components/pager.css
  4. 7
      olivesbdh.libraries.yml

158
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);
}
}

13
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 {

16
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);*/
/*}*/

7
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

Loading…
Cancel
Save