cleanup

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