Icons for sidebar collapse/expand (#6465)

This change uses [bi-arrow-bar-left](https://icons.getbootstrap.com/icons/arrow-bar-left/) and [bi-arrow-bar-right](https://icons.getbootstrap.com/icons/arrow-bar-right/).  This is a minimal change, but changes from .

I started off with just changing the open one to use [bi-layout-sidebar](https://icons.getbootstrap.com/icons/layout-sidebar/), which is the mirror of the collapsed icon.  I also considered changing the icon that shows when collapsed to [bi-layout-sidebar-text-reverse](https://icons.getbootstrap.com/icons/layout-text-sidebar-reverse/).  Both of those seemed less clear than these.

Note that the "shown"/"collapsed" classes on these elements appear to be reversed.  I didn't touch that.
This commit is contained in:
Martin Thomson 2023-10-24 01:40:24 +02:00 committed by GitHub
parent 0a4fc286cd
commit 902d657c9f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -91,8 +91,8 @@
aria-controls="sidebar"
aria-label="Toggle metadata sidebar"
title="Toggle metadata sidebar">
<i class="bi bi-layout-sidebar-reverse sidebar-shown"></i>
<i class="bi bi-arrow-bar-up sidebar-collapsed"></i>
<i class="bi bi-arrow-bar-left sidebar-shown"></i>
<i class="bi bi-arrow-bar-right sidebar-collapsed"></i>
</button>
</div>
<nav class="navbar bg-light-subtle px-1 fixed-top d-print-none d-md-none">
@ -332,4 +332,4 @@
</div>
{% analytical_body_bottom %}
</body>
</html>
</html>