diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index d125f8b..b92e3d0 100644 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -1,17 +1,23 @@ -/*collection/search header (def viewmode)*/ +/* ========================================================================== + Collection / search result view modes + ========================================================================== */ + +/* Full view mode (default) — used on collection/search item pages */ .node--view-mode-full .node__content { display: flex; align-items: center; + flex-direction: column; gap: 1em; padding-block-end: 0; - flex-direction: column; + .image img { width: 200px; max-width: 200px; - border: 1px solid #ccc; padding: 4px; + border: 1px solid #ccc; border-radius: 4px; } + .info { .field { margin-bottom: 0; @@ -19,16 +25,12 @@ } } } -/* search block layout */ -.search-result-block { - margin-bottom: 1em; - padding-bottom: 1em; -} + +/* Search index view mode — used for result rows */ .node--view-mode-search-index { /* layout */ display: flex; align-items: center; - flex-direction: column; gap: 2em; @@ -40,19 +42,22 @@ order: 1; padding: 0; } - /*image*/ + + /* image */ .field--name-did-image img { width: 200px; max-width: 200px; - border: 1px solid #ccc; padding: 4px; + border: 1px solid #ccc; border-radius: 4px; } + /* title/link */ .node__title { margin: 0; - font-size: 1.5em; + font-size: 1.4em; line-height: 1.5; + a { color: blue; color: #093a6c; @@ -70,21 +75,57 @@ } } +/* Switch full/search-index view modes to row layout on larger screens */ @media (min-width: 600px) { .node--view-mode-search-index, .node--view-mode-full .node__content { flex-direction: row; } } + +/* ========================================================================== + Search block / results list layout + ========================================================================== */ + +.search-result-block { + margin-bottom: 1em; + padding-bottom: 1em; +} + +.view.view-solr-search-content .views-row { + border-bottom: 1px solid #ccc; +} + +.view-solr-search-content .view-filters { + display: flex; + justify-content: flex-end; + padding: 1em; + background: #f6f7f8; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; +} + +.view-solr-search-content .view-header { + margin: 0; +} + nav.pager { display: flex; justify-content: space-around; } + +/* ========================================================================== + Viewer (Mirador) active state + ========================================================================== */ + +/* Widen field labels and lay out long-text fields as table cells when a viewer is present */ @media (min-width: 600px) { .has-viewer .info { .field__label { width: 200px; } + + .field--name-field-subtitle, .field--name-field-abstract, .field--name-field-description, .field--name-field-description-long { @@ -95,34 +136,27 @@ nav.pager { } } +/* Hide the collection search view and image field while the viewer is active */ .has-viewer { .collection-search-view, .field--name-did-image { display: none; } } -/* ======================== */ -.path-frontpage { - div#block-mirador-block { - display: none; - } - div#block-oliveskln-views-block-solr-search-content-block-1 { - /* display: none; */ - } -} -div#block-mirador-block { - /* display: none; */ -} -div#block-oliveskln-content { - /* grid-column: 2/5; */ -} -div#block-oliveskln-views-block-solr-search-content-block-1 { - /* grid-column: 5/14; */ -} + +/* ========================================================================== + Frontpage / region block visibility + ========================================================================== */ + +/* ========================================================================== + Header nav / exposed search filter form + ========================================================================== */ + .header-nav { .form--inline .form-actions { margin: 0; } + .js-form-item.form-item.js-form-type-textfield.form-item-search-api-fulltext.js-form-item-search-api-fulltext { /* display: none; */ } @@ -142,30 +176,17 @@ div#block-oliveskln-views-block-solr-search-content-block-1 { form#views-exposed-form-solr-search-content-page-1 { display: flex; align-items: center; + div#edit-actions { margin: 0; } } - - form#views-exposed-form-solr-search-content-page-1 { - } -} -.view-solr-search-content .view-filters { - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; - padding: 1em; - display: flex; - justify-content: flex-end; - background: #f6f7f8; } -.view-solr-search-content .view-header { - margin: 0; -} .region--content-above form#views-exposed-form-solr-search-content-page-1 { display: flex; - /* justify-content: flex-end; */ align-items: center; + /* justify-content: flex-end; */ .form-item-search-api-fulltext { display: none; @@ -175,10 +196,10 @@ div#block-oliveskln-views-block-solr-search-content-block-1 { div#block-oliveskln-exposedformsolr-search-contentpage-1-2 { display: flex; justify-content: flex-end; - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 1em; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; .form-item { margin-left: 1em; @@ -189,12 +210,18 @@ input#edit-submit-solr-search-content--3 { margin: 0; } -.view.view-solr-search-content .views-row { - border-bottom: 1px solid #ccc; -} +/* ========================================================================== + Misc + ========================================================================== */ + nav#block-oliveskln-dummymenu { display: none; } + iframe.pdf { border: 1px solid #ccc; } +.info span.a2a_kit.a2a_kit_size_32.addtoany_list { + margin-top: 1em; + display: block; +}