Add a configurable limit to tags initially displayed in search results

When the limit is reached, a button allow expanding/collapsing remaining
tags.

When this feature is activated without a limit to the number of
displayed tags, when encountering search results with a very large
number of keywords, the results page can become almost unusable (very
long vertical scrollbar)

1 files changed, 16 insertions, 0 deletions

diff --git a/htroot/env/base.css b/htroot/env/base.css
index e174da007..c92eee974 100644
--- a/htroot/env/base.css
+++ b/htroot/env/base.css
@@ -423,6 +423,22 @@ p.tags {
   line-height: 1.4;
 }
 
+/* Button to expand/collapse tags beyond the initial number of tags display limit */
+.expandKeywordsBtn {
+	margin-top: 0.2em;
+}
+
+.expandKeywordsBtn[aria-expanded="true"] .glyphicon:before {
+	/* Repeated same char as in the glyphicon-chevron-left class */
+	content: "\e079\e079";
+}
+
+.expandKeywordsBtn[aria-expanded="false"] .glyphicon:before {
+	/* Repeated same char as in the glyphicon-chevron-right class */
+	content: "\e080\e080";
+}
+
+
 div.bookmark p {
   margin:1px;
 }