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:
parent
0a4fc286cd
commit
902d657c9f
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue