Add hashes download to navbar

Author: ConorMacBride

CHANGES.md

@@ -1,6 +1,10 @@
 0.15 (unreleased)
 -----------------
 
+- An updated hash library will be saved to the results directory when
+  generating a HTML summary page or when the `--mpl-results-always` flag is
+  set. A button to download this file is included in the HTML summary.
+  Various bugfixes, test improvements and documentation updates. [#138]
 
 0.14 (2022-02-09)
 -----------------

pytest_mpl/summary/templates/filter.html

@@ -62,12 +62,5 @@ <h5>Show tests which have...</h5>
                 </div>
             </div>
         </form>
-        {% if hash_library -%}
-        <hr>
-        <a download="{{ hash_library }}" href="{{ hash_library }}" class="btn btn-light"
-           data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true"
-           title="<pre>{{ hash_library }}</pre>"
-           role="button">Download generated hash library</a>
-        {%- endif %}
     </div>
 </div>

pytest_mpl/summary/templates/navbar.html

@@ -9,6 +9,17 @@
                 <input class="form-control me-2 search" type="search" onblur="searchComplete()" placeholder="Search"
                        aria-label="Search">
             </form>
+            {% if hash_library -%}
+            <a download="{{ hash_library }}" href="{{ hash_library }}" class="btn btn-outline-secondary me-2"
+               data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true"
+               title="Download generated <pre>{{ hash_library }}</pre>"
+               role="button">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hash"
+                     viewBox="0 0 16 16">
+                    <path d="M8.39 12.648a1.32 1.32 0 0 0-.015.18c0 .305.21.508.5.508.266 0 .492-.172.555-.477l.554-2.703h1.204c.421 0 .617-.234.617-.547 0-.312-.188-.53-.617-.53h-.985l.516-2.524h1.265c.43 0 .618-.227.618-.547 0-.313-.188-.524-.618-.524h-1.046l.476-2.304a1.06 1.06 0 0 0 .016-.164.51.51 0 0 0-.516-.516.54.54 0 0 0-.539.43l-.523 2.554H7.617l.477-2.304c.008-.04.015-.118.015-.164a.512.512 0 0 0-.523-.516.539.539 0 0 0-.531.43L6.53 5.484H5.414c-.43 0-.617.22-.617.532 0 .312.187.539.617.539h.906l-.515 2.523H4.609c-.421 0-.609.219-.609.531 0 .313.188.547.61.547h.976l-.516 2.492c-.008.04-.015.125-.015.18 0 .305.21.508.5.508.265 0 .492-.172.554-.477l.555-2.703h2.242l-.515 2.492zm-1-6.109h2.266l-.515 2.563H6.859l.532-2.563z"/>
+                </svg>
+            </a>
+            {%- endif %}
             <button class="btn btn-outline-primary" aria-label="Filter" type="button" data-bs-toggle="offcanvas"
                     data-bs-target="#offcanvasFilter" aria-controls="offcanvasFilter">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-funnel"

pytest_mpl/summary/templates/styles.css

@@ -11,6 +11,9 @@
 .nav-filtertools .nav-searchbar {
     flex: 10;
 }
+.nav-filtertools svg {
+    vertical-align: text-bottom;
+}
 #filterForm .spacer {
     flex: 1;
 }