search results

css/components/islandora_mods.css

@@ -1,15 +1,15 @@
 .advanced_search_result_pager .pager__group {
-  display: none;
+  /*display: none;*/
 }
 .collection-view {
   .views-row {
-    margin: 10px;
+    margin: 1rem;
     border: 1px solid #ccc;
-    display: flex;
+    /*display: flex;*/
     flex-direction: column;
-    align-items: center;
+    /*align-items: center;*/
     .views-field-title {
-      margin: 1rem;
+      /*margin: 1rem;*/
     }
     .views-field.views-field-did-image {
       display: flex;
@@ -19,6 +19,49 @@
     }
   }
 }
+.search-result {
+  padding: 1rem;
+  .search-result__metadata {
+    display: flex;
+  }
+  .search-result__left {
+    /*width: 20%;*/
+    width: 8rem;
+    border-right: 1px solid #ccc;
+    margin-right: 1rem;
+    padding-right: 1rem;
+  }
+
+  .search-result__right {
+    /*width: 80%;*/
+    flex: 1;
+  }
+  ul {
+    p {
+      margin: 0;
+    }
+    list-style-type: none;
+    margin: 0;
+    li {
+      display: flex;
+    }
+  }
+  a.views-more-link {
+    display: block;
+    text-align: right;
+  }
+  p {
+    flex: 1;
+  }
+  .label {
+    width: 8rem;
+    font-weight: bold;
+    /*margin-right: 1rem;*/
+  }
+}
+.field.field--name-field-linked-agent.field--type-typed-relation {
+  display: block;
+}
 .collection-view.view-grid .view-content .views-row {
   padding: 10px !important;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);

css/components/search-results.css

@@ -109,5 +109,5 @@
   }
 }
 .advanced_search_result_pager .pager__group {
-display:none;
+/*display:none;*/
 }

css/components/site-header.css

@@ -36,7 +36,7 @@
   background-color: var(--color--primary-50);
 }
 .container.site-header__inner__container {
-  box-shadow: -1px 0 4px 0px rgba(0, 0, 0, 0.3333);
+  /*box-shadow: -1px 0 4px 0px rgba(0, 0, 0, 0.3333);*/
 }
 
 .site-header__fixable {

temp.html

@@ -0,0 +1,12 @@
+<div class="search-result">
+  <div class="search-result__title">{{ title }}</div>
+  <div class="search-result__metadata">
+    <div class="search-result__left">{{ did_image }}</div>
+    <div class="search-result__right">
+      <ul>
+      {{ field_genre }} {{ field_linked_agent_name }} {{ field_abstract }} 
+      {{ field_edtf_date_created }} {{ field_instantiation_0_duration }}
+      </ul>
+    </div>
+  </div>
+</div>