arclight 0.2.0 → 0.3.0

data/app/assets/stylesheets/arclight/modules/mastheads.scss

@@ -1,5 +1,5 @@
 .al-homepage-masthead.jumbotron {
-  border-bottom: $result-item-border-styling;
+  border-bottom: $default-border-styling;
   padding: ($spacer * 2) $spacer $spacer;
 
   .navbar-nav {
@@ -39,8 +39,30 @@
   }
 }
 
+
+.navbar-search {
+  // Undo some of Blacklight's extending of column classes.
+  .search-query-form {
+    flex-basis: auto !important;
+    max-width: 100% !important;
+  }
+}
+
+.within-collection-dropdown {
+  min-width: 0;
+
+  @include media-breakpoint-up(sm) {
+    width: 50% !important;
+  }
+
+  @include media-breakpoint-up(lg) {
+    min-width: 0;
+  }
+}
+
 .al-masthead {
-  h1 {
+  h1, .h1 {
+    display: block;
     font-size: $h2-font-size;
     margin: 0;
     padding: ($spacer * 1.5) ($spacer / 2);
@@ -56,8 +78,8 @@
   }
 
   + .navbar-search {
-    border-bottom: $result-item-border-styling;
-    border-top: $result-item-border-styling;
+    border-bottom: $default-border-styling;
+    border-top: $default-border-styling;
     margin-bottom: ($spacer / 2);
 
     a {
@@ -70,7 +92,7 @@
 
     .navbar-toggler {
       background-color: $white;
-      border: $result-item-border-styling;
+      border: $default-border-styling;
     }
 
     .navbar-toggler-icon {

data/app/assets/stylesheets/arclight/modules/repositories.scss

@@ -2,10 +2,6 @@
   .al-repository-show-header {
     margin-bottom: ($spacer / 2);
     margin-top: ($spacer * 2);
-
-    h3 {
-      font-size: $h4-font-size;
-    }
   }
 
   .al-repository-collections{
@@ -17,7 +13,7 @@
   }
 
   .al-document-title-bar {
-    border-top: $result-item-border-styling;
+    border-top: $default-border-styling;
     margin-bottom: $spacer;
     padding-top: ($spacer / 2);
 

data/app/assets/stylesheets/arclight/modules/repository_card.scss

@@ -1,6 +1,6 @@
 .al-repository {
   background-color: $gray-200;
-  border: $result-item-border-styling;
+  border: $default-border-styling;
   margin-bottom: $spacer;
 
   .al-repository-information {
@@ -11,15 +11,14 @@
       padding-left: 0;
     }
 
-    h2 {
-      font-size: $h5-font-size;
-      margin-bottom: $spacer;
-    }
-
     address {
       margin-bottom: 0;
     }
 
+    .repo-name {
+      margin-bottom: $spacer;
+    }
+
     .al-repository-contact,
     .al-repository-extra-collection-count {
       font-weight: 300;
@@ -34,7 +33,7 @@
       padding-left: $spacer * 2;
 
       @media (min-width: 992px) {
-        border-left: $result-item-border-styling;
+        border-left: $default-border-styling;
       }
     }
 

data/app/assets/stylesheets/arclight/modules/search_results.scss

@@ -1,12 +1,11 @@
-.documents-list {
-  .badge {
-    float: right;
-  }
+.documents-list,
+.documents-online_contents {
+  margin-bottom: $spacer;
 
   // Result item header
   .al-document-title-bar {
     background-color: $gray-200;
-    border: $result-item-border-styling;
+    border: $default-border-styling;
     font-size: $font-size-sm;
     margin: 0 (-$result-item-body-padding - 1px) 0.5rem;
     padding: 3px $result-item-body-padding;
@@ -14,18 +13,23 @@
 
   // Result item body
   article.document {
-    border-bottom: 0;
-    border-left: $result-item-border-styling;
-    border-right: $result-item-border-styling;
-    margin-bottom: $spacer * 2;
-    padding: 0 $result-item-body-padding;
-
-    .documentHeader {
-      padding-top: 0.4rem;
+    border-bottom: $default-border-styling;
+    margin-top: 0;
+    padding: $spacer 0;
+
+    &:first-child {
+      padding-top: 0;
     }
 
     .document-title-heading {
       font-size: $h5-font-size;
+      .al-document-extent {
+        @include extent-badge;
+      }
+    }
+
+    form.bookmark-toggle.col-auto {
+      padding-right: 0;
     }
 
     .breadcrumb-links,
@@ -34,6 +38,84 @@
     .al-document-abstract-or-scope {
       font-size: $font-size-sm;
     }
+
+    .al-document-abstract-or-scope {
+      margin-bottom: $spacer * .5;
+      max-width: 45em;
+    }
+  }
+}
+
+article.document {
+  .blacklight-icons svg {
+    fill: $secondary;
+  }
+  .blacklight-icons.al-online-content-icon svg {
+    fill: $green;
+  }
+  div.breadcrumb-links,
+  div.al-document-abstract-or-scope,
+  div.al-document-creator {
+    margin-top: ($spacer * .5);
+  }
+}
+
+.documents-compact {
+  h3 {
+    font-size: $h5-font-size;
+  }
+}
+
+.al-grouped-results {
+  .breadcrumb-links {
+    font-size: $font-size-sm;
+  }
+
+  .al-document-abstract-or-scope {
+    margin-bottom: 0;
+    margin-top: $spacer * .75;
+    max-width: 45em;
+  }
+  .al-grouped-repository {
+    font-size: $font-size-sm;
+    margin-bottom: $spacer * .75;
+  }
+  .al-grouped-title-bar {
+    background-color: $gray-200;
+    padding: $result-item-body-padding;
+
+    h3 {
+      display: inline;
+      font-size: $h4-font-size;
+    }
+  }
+  .grouped-documents {
+    margin: $result-item-body-padding 0;
+    h4 {
+      font-size: $h5-font-size;
+    }
+
+    .al-grouped-more {
+      border-bottom: $default-border-styling;
+      padding: ($spacer * .5) 0;
+    }
+
+    .document {
+      border-bottom: $default-border-styling;
+      margin-top: 0;
+      padding: $spacer 0;
+
+      &:last-child {
+        border-bottom: 0;
+      }
+    }
+  }
+
+  .al-document-extent {
+    @include extent-badge;
+    background-color: $gray-100;
+    border-color: $gray-400;
+    color: $gray-700;
   }
 }
 
@@ -46,15 +128,6 @@
   }
 }
 
-.documents-hierarchy {
-  .al-number-of-children-badge {
-    background-color: #eee;
-    border: 1px solid #ccc;
-    color: $gray-600;
-    vertical-align: top;
-  }
-}
-
 .al-data-range-histogram {
   margin-bottom: $spacer;
 }
@@ -69,11 +142,59 @@
   margin-bottom: $spacer;
 
   .document {
-    border-bottom: $result-item-border-styling;
+    border-bottom: $default-border-styling;
     padding: $spacer 0;
 
     &:first-child {
-      border-top: $result-item-border-styling;
+      padding-top: 0;
     }
   }
 }
+
+.index-document-functions {
+  display: flex;
+}
+
+.al-document-container.text-muted {
+  color: $gray-600 !important;
+}
+
+.col-no-left-padding {
+  padding-left: 0 !important;
+}
+
+.col-no-right-padding {
+  padding-right: 0 !important;
+}
+
+.breadcrumb .media .col, h1.media .col {
+  flex-basis: auto;
+}
+
+.breadcrumb .media svg, h1.media svg {
+  fill: $gray-600;
+}
+
+.breadcrumb-links a {
+  border-bottom: 1px dashed $gray-600;
+  color: $body-color;
+
+  &:hover,
+  &:active {
+    border-color: inherit;
+    border-bottom-style: solid;
+    text-decoration: none;
+  }
+}
+
+.breadcrumb-links .col {
+  flex-basis: auto;
+ }
+
+.btn-outline-secondary svg {
+  fill: $gray-600;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled).active svg, .btn-outline-secondary:hover svg {
+  fill: $white;
+}

data/app/assets/stylesheets/arclight/modules/show_collection.scss

@@ -1,86 +1,65 @@
-// Sidebar
+// Collection context
 .al-sticky-sidebar {
   position: sticky;
   top: 0;
+}
 
-  // Separate first-level divs in sidebar
-  > div {
-    margin-bottom: $spacer;
-  }
+.al-show-sub-heading {
+  font-size: $h6-font-size;
+  text-transform: uppercase;
 
-  .card-header h3 {
-    font-size: $h6-font-size;
-    font-weight: $font-weight-normal;
+  + dl > dt {
+    font-size: $font-size-sm;
+    margin-top: 4px;
+    text-transform: uppercase;
   }
+}
 
-  // Sidebar sections
-  dt {
-    color: $gray-700;
+.al-collection-actions-menu {
+  float: right;
+}
+
+.al-online-content-icon .blacklight-icons svg {
+  fill: $green;
+}
+
+p.media .col {
+  flex: auto;
+}
+// Access tab
+#access {
+  dl dt {
     font-size: $font-size-sm;
-    font-weight: $font-weight-bold;
-    margin-bottom: 3px;
-    text-transform: uppercase;
   }
 
-  dd {
+  dl dd {
     line-height: 1.4;
     margin-bottom: $spacer;
   }
 
-  .al-in-person-repository-name,
-  .al-in-person-repository-location {
-    font-size: $font-size-sm;
-    line-height: 1.25;
-  }
-
-  .al-in-person-repository-name img {
+  img {
     margin-bottom: $headings-margin-bottom;
     margin-right: $spacer;
-    max-height: 65px;
-    max-width: 65px;
+    max-height: 150px;
+    max-width: 150px;
   }
 
-  .al-repository-contact-city_state_zip_country {
-    margin-bottom: ($spacer / 2);
-  }
-}
-
-// Collection header
-.al-show-header-section {
-  border: $result-item-border-styling;
-  margin-bottom: $spacer;
-  padding: 0 $spacer;
-
-  .al-document-title-bar {
-    background-color: $gray-200;
-    border-bottom: $result-item-border-styling;
+  .al-in-person-repository-name,
+  .al-in-person-repository-location,
+  .al-in-person-repository-contact {
     font-size: $font-size-sm;
-    margin: 0 (-$spacer) $spacer;
-    padding: 3px $result-item-body-padding;
-  }
-
-  .badge {
-    float: right;
+    line-height: 1.25;
   }
 
-  h1 {
-    font-size: $h4-font-size;
-    margin-bottom: $spacer;
+  .al-repository-contact-city_state_zip_country {
+    margin-bottom: ($spacer / 2);
   }
 }
 
-// Collection overview
-.al-show-sub-heading {
-  font-size: $h6-font-size;
-  text-transform: uppercase;
-
-  + dl dt {
-    font-size: $font-size-sm;
-    margin-top: 4px;
-    text-transform: uppercase;
-  }
+.al-digital-object.breadcrumb-item {
+  margin-bottom: ($spacer / 2);
 }
 
-.al-collection-actions-menu {
-  float: right;
+p.media.breadcrumb-item {
+  margin-bottom: ($spacer / 2);
 }