Merge pull request #2420 from samvera/fix-catalog-gallery-view

🧹 Fix catalog gallery view

Author: Kirk Wang

app/assets/stylesheets/hyku.scss

@@ -37,6 +37,11 @@
   .home-tabs-left {
     margin: 0 10px;
   }
+
+  .row-cols-md-3>* {
+    flex: 0 0 33.33%;
+    max-width: 33.33%;
+  }
 }
 
 #banner.jumbotron {
@@ -769,9 +774,6 @@ dd {
   }
 
   .document {
-    margin-top: 6px;
-    padding-top: 6px;
-
     .document-thumbnail {
       .img-thumbnail {
         padding: 0.25rem;
@@ -803,4 +805,3 @@ dd {
   }
 }
 /* End Collection show page */
-

app/controllers/catalog_controller.rb

@@ -146,7 +146,7 @@ def self.uploaded_field
     # solr fields to be displayed in the index (search results) view
     #   The ordering of the field names is the order of the display
     config.add_index_field 'title_tesim', label: "Title", itemprop: 'name', if: false
-    config.add_index_field 'description_tesim', itemprop: 'description', helper_method: :iconify_auto_link
+    config.add_index_field 'description_tesim', itemprop: 'description', helper_method: :truncate_and_iconify_auto_link
     config.add_index_field 'keyword_tesim', itemprop: 'keywords', link_to_facet: 'keyword_sim'
     config.add_index_field 'subject_tesim', itemprop: 'about', link_to_facet: 'subject_sim'
     config.add_index_field 'creator_tesim', itemprop: 'creator', link_to_facet: 'creator_sim'

app/helpers/application_helper.rb

@@ -78,4 +78,19 @@ def markdown(text)
     Markdown.new(text, *options).to_html.html_safe
   end
   # rubocop:enable Rails/OutputSafety
+
+  def truncate_and_iconify_auto_link(field, show_link = true)
+    if field.is_a? Hash
+      options = field[:config].separator_options || {}
+      text = field[:value].to_sentence(options)
+    else
+      text = field
+    end
+    # this block is only executed when a link is inserted;
+    # if we pass text containing no links, it just returns text.
+    auto_link(html_escape(text)) do |value|
+      "<span class='fa fa-external-link'></span>#{('&nbsp;' + value) if show_link}"
+    end
+    text.truncate(230, separator: ' ')
+  end
 end

app/views/shared/_appearance_styles.html.erb

@@ -23,13 +23,13 @@ body.public-facing a:focus { color: <%= appearance.link_hover_color %>; }
 
 /* MAIN NAV */
 body.public-facing .navbar.navbar-expand-lg,
-body.public-facing footer.navbar { 
+body.public-facing footer.navbar {
   background-color: <%= appearance.header_and_footer_background_color %> !important;
 }
 body.public-facing footer.navbar .navbar-link { color: <%= appearance.footer_link_color %>; }
 body.public-facing footer.navbar .navbar-link:hover { color: <%= appearance.footer_link_hover_color %>; }
 body.public-facing footer.navbar .navbar-text,
-body.public-facing .navbar.navbar-expand-lg .navbar-nav a { 
+body.public-facing .navbar.navbar-expand-lg .navbar-nav a {
   color: <%= appearance.header_and_footer_text_color %> !important;
 }
 body.public-facing .navbar.navbar-expand-lg { border-color: <%= appearance.header_background_border_color %> !important; }
@@ -201,12 +201,10 @@ body.public-facing .card > .card-header,
 body.public-facing .card-header > .btn.w-100 {
   color: <%= appearance.facet_panel_text_color %>;
   background-color: <%= appearance.facet_panel_background_color %> !important;
-  border-color: <%= appearance.facet_panel_border_color %> !important;
 }
 body.public-facing .card-body > .facet-limit-active {
   color: <%= appearance.facet_panel_text_color %> !important;
   background-color: <%= appearance.facet_panel_background_color %>;
-  border-color: <%= appearance.facet_panel_border_color %> !important;
 }
 
 /* COLLECTION STYLES */