From 906de3cfa15784dce0983f6c6dc7801381ad397c Mon Sep 17 00:00:00 2001
From: Taka <taka@vm-linux-dev>
Date: Mon, 2 Mar 2020 08:38:17 +0000
Subject: [PATCH] Don't allow a collapsible list to be expanded if it is too
 short.

---
 web/src/SearchResults.css | 1 -
 web/src/utils.js          | 8 +++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/SearchResults.css b/web/src/SearchResults.css
index 425a9a9..c3feac2 100644
--- a/web/src/SearchResults.css
+++ b/web/src/SearchResults.css
@@ -31,7 +31,6 @@
 .search-result .content .image { float: left ; margin: 0.25em 0.5em 0.5em 0 ; max-height: 8em ; max-width: 6em ; }
 .search-result .content .collapsible { margin-top:0.5em ; font-size: 90% ; color: #333 ; }
 .search-result .content .collapsible a { color: #333 ; text-decoration: none ; }
-.search-result .content .collapsible .caption { cursor: pointer ; }
 .search-result .content .collapsible .caption img { height: 0.75em ; margin-left: 0.25em ; }
 .search-result .content .collapsible .count { font-size: 80% ; font-style: italic ; color: #666 ; }
 .search-result .content .collapsible ul { margin: 0 0 0 1em ; }
diff --git a/web/src/utils.js b/web/src/utils.js
index ea6a481..8989ff5 100644
--- a/web/src/utils.js
+++ b/web/src/utils.js
@@ -193,8 +193,14 @@ export function makeCollapsibleList( caption, vals, maxItems, style ) {
         caption = <span> {caption+":"} </span> ;
     else
         caption = <span> {caption} <span className="count"> ({vals.length}) </span> </span> ;
+    let onClick, style2 ;
+    if ( excessItems.length > 0 ) {
+        onClick = flipExcessItems ;
+        style2 = { cursor: "pointer" } ;
+    }
     return ( <div className="collapsible" style={style}>
-        <div className="caption" onClick={flipExcessItems}> {caption}
+        <div className="caption" onClick={onClick} style={style2} >
+            {caption}
             { excessItems.length > 0 && <img src="images/collapsible-down.png" ref={r => flipButtonRef=r} alt="Show/hide extra items." /> }
         </div>
         <ul> {items} </ul>