sidebars

css/components/islandora_mods.css

@@ -286,6 +286,8 @@ details.views-view-newspaper-group li.views-row {
 .newspaper-directory .views-row {
   border-bottom: 1px solid #ccc;
   margin-bottom: var(--sp1);
+  font-family: var(--font-serif);
+  font-size: var(--font-size-base);
 }
 
 .newspaper-directory .views-row strong {
@@ -295,6 +297,8 @@ details.views-view-newspaper-group li.views-row {
 
 .newspaper-directory .views-row strong a {
   text-decoration: none;
+  font-size: 1.5rem;
+  line-height: var(--sp2);
 }
 
 .newspaper-directory .views-row p {
@@ -304,7 +308,9 @@ details.views-view-newspaper-group li.views-row {
 /* ============================================================
    ACCORDION / PERIODICALS
    ============================================================ */
-
+.accordion--periodicals .details__content {
+  margin-left: 1rem;
+}
 /* Main strip */
 .accordion--periodicals details summary {
   background-color: #d3d3d3;
@@ -504,6 +510,66 @@ nav.pager {
   display: flex;
   justify-content: space-around;
 }
+/* ============================================================
+   Side bar views layout
+   ============================================================ */
+@media (min-width: 1000px) {
+  .accordion-view {
+    display: flex;
+    flex-direction: row-reverse;
+  }
+  .newspaper-directory {
+    display: flex;
+    flex-direction: row-reverse;
+  }
+  .accordion-view .view-filters,
+  .newspaper-directory .view-filters {
+    flex: 0 0 360px;
+  }
+
+  .accordion-view .view-content,
+  .newspaper-directory .view-content {
+    flex: 1;
+    margin-right: 2rem; /* optional spacing between the two */
+  }
+  .accordion-view form#views-exposed-form-newspapers-view-block-1 {
+    margin-top: 0;
+  }
+}
+#block-views-block-newspapers-view-block-1 {
+  grid-column: 2 / 15;
+}
+.path-newspaper-directory #block-olivesnews-content {
+  /* display: none; */
+  grid-column: 2 / 15;
+}
+form#views-exposed-form-newspaper-directory-page-1,
+#views-exposed-form-newspapers-view-block-1 {
+  margin-top: 0;
+  input#edit-title {
+    width: 100%;
+    margin: 0.5rem 0;
+  }
+  .form-item-title {
+    width: 100%;
+  }
+  label {
+    margin-block: 0 var(--sp);
+    font-family: var(--font-serif);
+    letter-spacing: 0.02em;
+    color: var(--color-text-neutral-loud);
+    /* font-size: var(--font-size-l); */
+    font-weight: normal;
+    font-size: 24px;
+    line-height: var(--sp);
+    line-height: 1;
+    border-bottom: 4px double;
+    padding-bottom: 4px;
+  }
+  div#edit-actions {
+    margin-top: 0;
+  }
+}
 
 /* ============================================================
    MISCELLANEOUS