Merge pull request #941 from VEuPathDB/site-search-title-truncation

Limit site search titles to one line and add title attribute
VEuPathDB · Mar 18, 2024 · e989633 · e989633
2 parents feb575e + 78567a8
commit e989633
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/libs/web-common/src/components/SiteSearch/SiteSearch.scss b/packages/libs/web-common/src/components/SiteSearch/SiteSearch.scss
@@ -454,6 +454,9 @@
   &--Result {
     &Link {
       font-size: 1.145em;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     &DocumentTypePath {
       color: #3e3e3e;

diff --git a/packages/libs/web-common/src/components/SiteSearch/SiteSearch.tsx b/packages/libs/web-common/src/components/SiteSearch/SiteSearch.tsx
@@ -664,7 +664,10 @@ function Hit(props: HitProps) {
           </span>
         )}
         {subTitle && (
-          <div className={cx('--ResultSubTitle')}>
+          <div
+            className={cx('--ResultSubTitle')}
+            title={formatSummaryFieldValue(subTitle)}
+          >
             {formatSummaryFieldValue(subTitle)}
           </div>
         )}