From 6d7b3e9ae76bacd98bb43c35a3cd7338fd0dafb8 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Thu, 29 Apr 2021 12:56:42 -0700
Subject: [PATCH] Show/hide individual search results

---
 bookwyrm/templates/search_results.html | 37 +++++++++++++++++++-------
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/bookwyrm/templates/search_results.html b/bookwyrm/templates/search_results.html
index 9188c1f0a..f911bec7a 100644
--- a/bookwyrm/templates/search_results.html
+++ b/bookwyrm/templates/search_results.html
@@ -42,18 +42,35 @@
             {% if result_set.results %}
             <section class="block">
                 {% if not result_set.connector.local %}
-                <h3 class="title is-5">
-                    Results from <a href="{{ result_set.connector.base_url }}" target="_blank">{% if result_set.connector.name %}{{ result_set.connector.name }}{% else %}{{ result_set.connector.identifier }}{% endif %}</a>
-                </h3>
+                <header class="columns is-mobile">
+                    <div class="column">
+                        <h3 class="title is-5">
+                            Results from
+                            <a href="{{ result_set.connector.base_url }}" target="_blank">{{ result_set.connector.name|default:result_set.connector.identifier }}</a>
+                        </h3>
+                    </div>
+                    <div class="column is-narrow">
+                        {% trans "Show" as button_text %}
+                        {% include 'snippets/toggle/open_button.html' with text=button_text small=True controls_text="more-results-panel" controls_uid=result_set.connector.identifier class="is-small" icon="arrow-down" pressed=forloop.first %}
+                    </div>
+                </header>
                 {% endif %}
 
-                <ul>
-                {% for result in result_set.results %}
-                    <li class="pb-4">
-                        {% include 'snippets/search_result_text.html' with result=result remote_result=True %}
-                    </li>
-                {% endfor %}
-                </ul>
+                <div class="box has-background-white-ter{% if not forloop.first %} is-hidden{% endif %}" id="more-results-panel-{{ result_set.connector.identifier }}">
+                    <div class="is-flex is-flex-direction-row-reverse">
+                        <div>
+                            {% trans "Close" as button_text %}
+                            {% include 'snippets/toggle/toggle_button.html' with label=button_text class="delete" nonbutton=True controls_text="more-results-panel" controls_uid=result_set.connector.identifier pressed=forloop.first %}
+                        </div>
+                        <ul class="is-flex-grow-1">
+                        {% for result in result_set.results %}
+                            <li class="pb-4">
+                                {% include 'snippets/search_result_text.html' with result=result remote_result=True %}
+                            </li>
+                        {% endfor %}
+                        </ul>
+                    </div>
+                </div>
             </section>
             {% endif %}
             {% endfor %}