view people

css/base/variables.css

@@ -39,6 +39,7 @@
   --content-left: 5.625rem;
   --site-header-height-wide: var(--sp8);
   --container-padding: var(--sp);
+  --sidebar-title-size: 1.5rem;
 
   /**
    * Grid helpers.
@@ -199,7 +200,6 @@
   --color-text-neutral-soft: var(--color--gray-45);
   --color-text-neutral-medium: var(--color--gray-20);
   --color-text-neutral-loud: var(--color--gray-5);
-
   --color-text-primary-medium: var(--color--primary-40);
   --color-text-primary-loud: var(--color--primary-30);
 

css/components/islandora_mods.css

@@ -1,3 +1,28 @@
+/* =============================================================================
+   Person pages Grid
+   ============================================================================= */
+.view-taxonomy-term {
+  display: grid;
+  grid-template-rows: 1fr;
+  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
+  grid-column-gap: var(--grid-gap);
+}
+
+.view-header.people_bio {
+  grid-column: 1 / 12;
+}
+
+.view-content.related_books {
+  grid-column: 12 / 15;
+}
+.related_books h2 {
+  font-size: var(--sidebar-title-size);
+  margin: 0 0 1rem;
+}
+.path-taxonomy div#block-olivesbooks-content {
+  grid-column: 2 / 15;
+}
+
 /* =============================================================================
    Collection Grid
    ============================================================================= */
@@ -326,4 +351,3 @@ div#block-views-block-media-display-blocks-source {
     }
   }
 }
-

templates/views/views-view--taxonomy-term.html.twig

@@ -63,8 +63,10 @@ dom_id ? 'js-view-dom-id-' ~ dom_id,
 
   {% if rows %}
   <div class="view-content related_books">
-    <h2>Related Books</h2>
-    {{ rows }}
+    <aside class="related_books_block">
+      <h2>Related Books</h2>
+      {{ rows }}
+    </aside>
   </div>
   {% elseif empty %}
   <div class="view-empty">