diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index d8d5b91..3fc1431 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -279,6 +279,25 @@ nav.pager { } } +.person--left { + background: #444; + color: #fff; +} + +.person--left .field:not(:last-child) { + /* margin-block-end: var(--sp2); */ + margin-block-end: 0; +} + +.person--left .person--details { + padding: 0.5rem 0 0.7rem; + line-height: 1; +} + +.view-other-people-in-the-same-organizations h3 { + margin: 0.5em 0; +} + /* ============================================================================= Book Grid / People Grid ============================================================================= */ @@ -365,58 +384,108 @@ nav.pager { text-decoration: none; } -/* ============================================================================= - Misc / Utility - ============================================================================= */ +.book-grid .form-item-title, +.people-grid .form-item-name { + width: 100%; + display: initial; + margin: 0; +} -#toggle-facets { - background-color: var(--color--primary-50); - font-family: var(--font-serif); - color: #fff; +.book-grid input.form-text, +.people-grid input.form-text { + padding: 0 1em; } -.views-field.views-field-dc-description a { - text-decoration: none; - color: var(--color-text-neutral-medium); +form#views-exposed-form-people-page-1, +form#views-exposed-form-books-page-1 { + display: flex; + align-items: center; + div#edit-actions { + margin: 0; + } } -.search-result.views-row { - min-width: 0; +/* ============================================================================= + FIELD DISPLAY — node__content metadata fields + (book / doodle / people_metadata / node--type-islandora-object) + + This is the block that renders things like the "Adventures in genius" + markup: .field > .field__label + .field__item(s), e.g. Title, Contributors, + Publisher, Place Published, Copyright Date, Language, Resource Type, + Member of, etc. + + Previously these rules were spread across ~4 separate, non-adjacent spots + in the file with unrelated rules interleaved between them. Consolidated + here for troubleshooting — nothing here changes behaviour vs. before, + except two exact no-op duplicates (an identical `margin-bottom: 0.6rem` + and an identical `float: none` that were each declared twice with the + same value) have been removed. + + Cascade notes: + - Rules are grouped by breakpoint tier below (base, ≥600px, ≥800px) in + the SAME relative order as the original file, because the ≥600px + font-size rule intentionally overrides the base font-size rule once + both are active (≥600px), and the ≥800px width/flex rules are the + final word on field__label sizing at wide viewports. + - `.field.field--name-field-organization` had no live declarations + (both properties were already commented out) — kept as-is in case + you want to resurrect it. + ============================================================================= */ + +/* --- Base / all viewports --- */ + +.node--type-islandora-object .node__content .field, +.people_metadata .field { + margin-bottom: 0.6rem; + /* border-bottom: 1px solid #eaeaea; */ } -.social-bar { - border-right: 1px solid #ddd; +.field__label { } -div#page { - border-right: 1px solid #ddd; +.node__content .field__label { + color: #2e3918; } -div#block-views-block-media-display-blocks-source { - margin-bottom: 1rem; +.book .node__content .field--label-inline .field__label, +.book .node__content .field--label-inline .field__items, +.doodle .node__content .field--label-inline .field__label, +.doodle .node__content .field--label-inline .field__items, +.people_metadata .field--label-inline .field__label, +.people_metadata .field--label-inline .field__items { + float: none; } -/* ============================================================================= - Mirador Viewer - ============================================================================= */ +.doodle .node__content .field__label, +.doodle .node__content .field__item, +.doodle .node__content .field__items, +.book .node__content .field__label, +.book .node__content .field__item, +.book .node__content .field__items, +.people_metadata .field__label, +.people_metadata .field__item, +.people_metadata .field__items { + font-size: 1rem; +} -.mirador85.mirador86 { - outline: 2px solid #2b3717 !important; +.field.field--name-field-affiliation > .field__items > .field__label { + /* margin-left: 0.7em; */ + width: initial; } -.mirador16.mirador15 { - border-top: 2px solid #2b3616 !important; +.field.field--name-field-affiliation > .field__items > .field__item { + border-left: 4px double #ccc; + padding-left: 5px; + /* margin-left: 0.7em; */ } -@media screen and (max-width: 600px) { - .block-mirador { - margin-bottom: -9rem; - } +.field.field--name-field-affiliation .field__label { + font-family: var(--font-serif); } -/* ============================================================================= - Field: History Note / Relationships - ============================================================================= */ +.paragraph--type--affiliation > .field > .field__label { + width: initial; +} .field--name-field-history-note .field__item { border-bottom: 3px double #38471e; @@ -429,35 +498,41 @@ div#block-views-block-media-display-blocks-source { /* display: flex; */ } -.view-oai-pmh-item-links .field-content { - display: flex; - justify-content: center; -} - -.view-oai-pmh-item-links .field-content a { - margin: 0 0.5rem 0 0; - font-size: 0.9rem; - padding-inline: 0.5rem; - height: 2rem; +.field.field--name-field-organization { + /* display: flex; */ + /* place-items: flex-start; */ } -.advanced_search_result_pager .pager__group > * { - margin: 0.47214rem 2rem 0.47214rem 0 !important; - display: flex; -} +/* --- ≥600px --- */ -.node--type-islandora-object .node__content .field, -.people_metadata .field { - margin-bottom: 0.6rem; -} +@media (min-width: 600px) { + /* NOTE: the `float: none` for .field--label-inline .field__label/.field__items + was previously re-declared here with the same value as the base rule + above — that duplicate has been removed as a no-op. */ -@media (min-width: 800px) { - .node--type-islandora-object .node__content .field, + .doodle .node__content .field, + .book .node__content .field, .people_metadata .field { - margin-bottom: 0.6rem; - /* border-bottom: 1px solid #eaeaea; */ + display: flex; + line-height: 1; } + .doodle .node__content .field__label, + .doodle .node__content .field__item, + .doodle .node__content .field__items, + .book .node__content .field__label, + .book .node__content .field__item, + .book .node__content .field__items, + .people_metadata .field__label, + .people_metadata .field__item, + .people_metadata .field__items { + font-size: 1.1rem; /* overrides the 1rem base rule above at this width */ + } +} + +/* --- ≥800px --- */ + +@media (min-width: 800px) { .node--type-islandora-object .node__content .field__label, .people_metadata .field__label { width: 10rem; @@ -470,6 +545,54 @@ div#block-views-block-media-display-blocks-source { } } +/* ============================================================================= + Misc / Utility + ============================================================================= */ + +#toggle-facets { + background-color: var(--color--primary-50); + font-family: var(--font-serif); + color: #fff; +} + +.views-field.views-field-dc-description a { + text-decoration: none; + color: var(--color-text-neutral-medium); +} + +.search-result.views-row { + min-width: 0; +} + +.social-bar { + border-right: 1px solid #ddd; +} + +div#page { + border-right: 1px solid #ddd; +} + +div#block-views-block-media-display-blocks-source { + margin-bottom: 1rem; +} + +.view-oai-pmh-item-links .field-content { + display: flex; + justify-content: center; +} + +.view-oai-pmh-item-links .field-content a { + margin: 0 0.5rem 0 0; + font-size: 0.9rem; + padding-inline: 0.5rem; + height: 2rem; +} + +.advanced_search_result_pager .pager__group > * { + margin: 0.47214rem 2rem 0.47214rem 0 !important; + display: flex; +} + .view-solr-search-content .view-header { display: none; } @@ -484,6 +607,48 @@ div#block-views-block-media-display-blocks-source { display: none; } +.facets-widget-links ul { + list-style-type: none; + margin: 0; + a { + text-decoration: none; + display: block; + padding: 2px 0; + } + a:hover { + background: #fff; + } +} + +/* ============================================================================= + Mirador Viewer + ============================================================================= */ + +.mirador85.mirador86 { + outline: 2px solid #2b3717 !important; +} + +.mirador16.mirador15 { + border-top: 2px solid #2b3616 !important; +} + +.mirador32.mirador-companion-area-left { + display: none; +} + +@media screen and (max-width: 768px) { + .block-mirador { + height: 82vh; + min-height: 400px; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + } +} + +/* ============================================================================= + Node-specific overrides (17123 / 17101) + ============================================================================= */ + .node-17123 div#block-olivesbooks-content, .node-17101 div#block-olivesbooks-content { margin-block-end: 0; @@ -551,145 +716,3 @@ h1 { #block-olivesbooks-landingpagemenu .menu a { letter-spacing: 0%; } - -.book .node__content .field--label-inline .field__label, -.book .node__content .field--label-inline .field__items, -.doodle .node__content .field--label-inline .field__label, -.doodle .node__content .field--label-inline .field__items, -.people_metadata .field--label-inline .field__label, -.people_metadata .field--label-inline .field__items { - float: none; -} - -.doodle .node__content .field__label, -.doodle .node__content .field__item, -.doodle .node__content .field__items, -.book .node__content .field__label, -.book .node__content .field__item, -.book .node__content .field__items, -.people_metadata .field__label, -.people_metadata .field__item, -.people_metadata .field__items { - font-size: 1rem; -} - -.field.field--name-field-affiliation > .field__items > .field__label { - /* margin-left: 0.7em; */ - width: initial; -} - -.field.field--name-field-affiliation > .field__items > .field__item { - border-left: 4px double #ccc; - padding-left: 5px; - /* margin-left: 0.7em; */ -} -@media (max-width: 600px) { - .field--name-field-linked-agent { - flex-wrap: wrap; - display: flex; - } -} -@media (min-width: 600px) { - .doodle .node__content .field--label-inline .field__label, - .doodle .node__content .field--label-inline .field__items, - .book .node__content .field--label-inline .field__label, - .book .node__content .field--label-inline .field__items, - .people_metadata .field--label-inline .field__label, - .people_metadata .field--label-inline .field__items { - float: none; - } - - .doodle .node__content .field, - .book .node__content .field, - .people_metadata .field { - display: flex; - line-height: 1; - } - - .doodle .node__content .field__label, - .doodle .node__content .field__item, - .doodle .node__content .field__items, - .book .node__content .field__label, - .book .node__content .field__item, - .book .node__content .field__items, - .people_metadata .field__label, - .people_metadata .field__item, - .people_metadata .field__items { - font-size: 1.1rem; - } - - .field.field--name-field-organization { - /* display: flex; */ - /* place-items: flex-start; */ - } -} - -.field.field--name-field-affiliation .field__label { - font-family: var(--font-serif); -} - -.view-other-people-in-the-same-organizations h3 { - margin: 0.5em 0; -} - -.person--left { - background: #444; - color: #fff; -} - -.person--left .field:not(:last-child) { - /* margin-block-end: var(--sp2); */ - margin-block-end: 0; -} - -.person--left .person--details { - padding: 0.5rem 0 0.7rem; - line-height: 1; -} - -.paragraph--type--affiliation > .field > .field__label { - width: initial; -} - -.mirador32.mirador-companion-area-left { - display: none; -} - -.field__label { -} -.node__content .field__label { - color: #2e3918; -} - -.facets-widget-links ul { - list-style-type: none; - margin: 0; - a { - text-decoration: none; - display: block; - padding: 2px 0; - } - a:hover { - background: #fff; - } -} -form#views-exposed-form-people-page-1, -form#views-exposed-form-books-page-1 { - display: flex; - align-items: center; - div#edit-actions { - margin: 0; - } -} - -.book-grid .form-item-title, -.people-grid .form-item-name { - width: 100%; - display: initial; - margin: 0; -} - -.book-grid input.form-text, -.people-grid input.form-text { - padding: 0 1em; -}