Avoid using trunk8 for truncation

We can use CSS. Trunk8 is no longer maintained and there's a css alternative
sul-dlss · Jan 20, 2024 · 58c693e · 58c693e
1 parent 51325e2
commit 58c693e
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 393 deletions.
diff --git a/app/assets/stylesheets/modules/accordion-sections.scss b/app/assets/stylesheets/modules/accordion-sections.scss
@@ -52,6 +52,9 @@
     .snippet {
       color: $sul-mini-accordion-text-color;
       @extend .remove-list-styles;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     .details {

diff --git a/app/javascript/application.js b/app/javascript/application.js
@@ -2,7 +2,6 @@
 
 import "@hotwired/turbo-rails";
 import "./vendor/responsiveTruncator";
-import "./vendor/trunk8";
 import "./vendor/jquery-scrollspy";
 import "leaflet";
 // import "popper.js";

diff --git a/app/javascript/preview-content.js b/app/javascript/preview-content.js
@@ -47,9 +47,6 @@ const PreviewContent = (function() {
         .plugGoogleBookContent();
 
       target.find('*[data-accordion-section-target]').accordionSection();
-      target.find("[data-behavior='trunk8']").trunk8({
-        tooltip: false
-      });
       target.find('[data-live-lookup-url]').liveLookup();
       deferred.resolve(content);
       break;
@@ -59,9 +56,6 @@ const PreviewContent = (function() {
         .plugGoogleBookContent();
 
       target.find('*[data-accordion-section-target]').accordionSection();
-      target.find("[data-behavior='trunk8']").trunk8({
-        tooltip: false
-      });
       target.find('[data-live-lookup-url]').liveLookup();
       deferred.resolve(content);
       break;

diff --git a/app/javascript/truncate.js b/app/javascript/truncate.js
@@ -4,7 +4,4 @@ Blacklight.onLoad(function(){
   );
   $("[data-behavior='truncate-results-metadata-links']").responsiveTruncate({lines: 2, more: 'more...', less: 'less...'});
   $("[data-behavior='truncate']").responsiveTruncate({height: 60});
-  $("[data-behavior='trunk8']").trunk8({
-    tooltip: false
-  });
 });