Browse Source

mobile metadata link fix

master
rdrew 2 days ago
parent
commit
63ef220b28
  1. 415
      css/components/islandora_mods.css

415
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;
}

Loading…
Cancel
Save