Browse Source

search results from views

master
rdrew 1 week ago
parent
commit
40e854ac1f
  1. 24
      css/components/breadcrumb.css
  2. 2
      css/components/header-buttons-mobile.css
  3. 64
      css/components/islandora_mods.css
  4. 53
      css/components/landing_page.css
  5. 1
      templates/views/views-view-fields--solr-search-content.html.twig

24
css/components/breadcrumb.css

@ -1,15 +1,3 @@
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* @file
* Breadcrumb region.
*/
.breadcrumb { .breadcrumb {
position: relative; position: relative;
font-size: 0.875rem; font-size: 0.875rem;
@ -26,7 +14,11 @@
width: var(--sp3); width: var(--sp3);
height: var(--sp2); height: var(--sp2);
content: ""; content: "";
background: linear-gradient(to left, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%); /* LTR */ background: linear-gradient(
to left,
var(--color--white) 0%,
rgba(255, 255, 255, 0) 100%
); /* LTR */
} }
@media (min-width: 62.5rem) { @media (min-width: 62.5rem) {
@ -42,7 +34,11 @@
} }
[dir="rtl"] .breadcrumb::after { [dir="rtl"] .breadcrumb::after {
background: linear-gradient(to right, var(--color--white) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(
to right,
var(--color--white) 0%,
rgba(255, 255, 255, 0) 100%
);
} }
.breadcrumb__content { .breadcrumb__content {

2
css/components/header-buttons-mobile.css

@ -1,6 +1,6 @@
/* /*
* DO NOT EDIT THIS FILE. * DO NOT EDIT THIS FILE.
* See the following change record for more information, * See the following change record for more information,
* https://www.drupal.org/node/3084859 * https://www.drupal.org/node/3084859
* @preserve * @preserve
*/ */

64
css/components/islandora_mods.css

@ -18,48 +18,16 @@ div#site-header__inner {
Layout Layout
========================================================================== */ ========================================================================== */
.main-content { .main-content {
border-right: 1px solid #eee; /* border-right: 1px solid #eee; */
border-left: 1px solid #eee; /* border-left: 1px solid #eee; */
} }
/* ========================================================================== /* ==========================================================================
Grid / Views Grid / Views
========================================================================== */ ========================================================================== */
.collection-view.view-grid > .view-content,
.collection-view .view-content,
.view-grid > .view-content {
display: grid;
grid-template-columns: 1fr; /* mobile: single column */
}
@media (min-width: 600px) {
.collection-view.view-grid > .view-content,
.collection-view .view-content,
.view-grid > .view-content {
grid-template-columns: repeat(2, 1fr); /* tablet portrait: 2 across */
}
.grid-item .grid-item__image {
height: initial;
}
}
@media (min-width: 900px) {
.collection-view.view-grid > .view-content,
.collection-view .view-content,
.view-grid > .view-content {
grid-template-columns: repeat(3, 1fr); /* tablet landscape: 3 across */
}
}
@media (min-width: 1200px) {
.collection-view.view-grid > .view-content,
.collection-view .view-content,
.view-grid > .view-content {
grid-template-columns: repeat(4, 1fr); /* desktop: 4 across */
}
}
.grid-item { .grid-item {
margin-bottom: 1em;
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
@ -80,7 +48,6 @@ div#site-header__inner {
font-weight: bold; font-weight: bold;
border-bottom: 1px dotted #574938; border-bottom: 1px dotted #574938;
overflow-wrap: anywhere; overflow-wrap: anywhere;
a { a {
text-decoration: none; text-decoration: none;
@ -108,13 +75,12 @@ div#block-oliveskspaces-solrsearchcontentsearchresultspagerforpage {
li:hover { li:hover {
background: #fff; background: #fff;
border-radius: 4px; border-radius: 4px;
} }
li.facet-item i.fa-solid.fa-ban { li.facet-item i.fa-solid.fa-ban {
color: darkred; color: darkred;
} }
.facet-active { .facet-active {
padding-inline-start: 4px; padding-inline-start: 4px;
} }
ul { ul {
margin: 0; margin: 0;
@ -170,15 +136,14 @@ span#override-default-display-mode {
display: none; display: none;
} }
.advanced_search_result_pager .pager__group { .advanced_search_result_pager .pager__group {
background: #f6f7f8; background: #f6f7f8;
} }
.pager__link--is-active { .pager__link--is-active {
border-color: #003a37; border-color: #003a37;
} }
.collection-view .view-header { .collection-view .view-header {
margin:0; margin: 0;
} }
.book-grid .view-header, .book-grid .view-header,
.people-grid .view-header { .people-grid .view-header {
@ -193,4 +158,17 @@ span#override-default-display-mode {
.book-grid .view-header, .book-grid .view-header,
.people-grid .view-header { .people-grid .view-header {
margin: 0; margin: 0;
} }
.field--name-field-media-image img {
border: 1px solid #ccc;
padding: 4px;
}
.field__item {
}
iframe.pdf {
border: 1px solid #ccc;
padding: 4px;
}

53
css/components/landing_page.css

@ -72,59 +72,6 @@ article.node.node--type-landing-page h2 {
.path-frontpage .region--content { .path-frontpage .region--content {
margin-bottom: 0; margin-bottom: 0;
} }
#block-oliveskspaces-views-block-front-page-featured-books-block-2
.view-content,
#block-oliveskspaces-views-block-front-page-featured-books-block-1
.view-content {
/*display: none;*/
.node__title {
font-size: 1.1rem;
font-weight: bold;
border-bottom: 1px solid #6e563a;
/*margin: 0;*/
a {
color: #6e563a;
}
}
.node__content {
img {
min-width: 100%;
border: 1px solid #ccc;
background: #fff;
padding: 1rem;
}
}
.views-field-did-image {
float: none;
max-width: 100%;
margin: 0;
height: 100%;
}
.views-row {
padding: 15px;
background: #ece8e3;
border: 1px solid #ccc;
display: flex;
flex-direction: column;
.views-field-title h4 {
margin: 0;
/*margin-bottom: 1rem;*/
a {
text-decoration: none;
}
}
.views-field img {
width: 100%;
}
}
.node__title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
}
.page-node-type-landing-page .node__content { .page-node-type-landing-page .node__content {
padding: 0; padding: 0;

1
templates/views/views-view-fields--solr-search-content.html.twig

@ -1,3 +1,4 @@
{{ dump(fields) }}
<div class="grid-item"> <div class="grid-item">
{% for field in fields -%} {% for field in fields -%}
{{ field.separator }} {{ field.separator }}

Loading…
Cancel
Save