Skip to content

Open-Iconic "Chevron-top" & "Chevron-down" Icons Used in Code

Issue in Manual portal (Part 1 of 4)

Issue in Support portal (Part 2 of 4)

Different than the issues in Part 1 and Part 2, the <head></head> section DOES contain the code <link rel="stylesheet" href="{{ '/static/fonts/open-iconic/font/css/open-iconic-bootstrap.css'|asseturl }}"> in the meta.html file on line 5. Yet the folder no longer exists in the lego repo, source: https://gitlab.torproject.org/torproject/web/lego/-/tree/master/assets/static/fonts. We should remove this line.

The sidenav.html file contains

        <span class="oi oi-chevron-top chevron-up"></span>
        <span class="oi oi-chevron-bottom chevron-down"></span>

on lines 5 & 6 respectively, but the only html templates that reference the code {% include 'sidenav.html' %} are the resources.html & the two-columns-page.html; both these pages are not available online.

I presume that once this issue Improve menu and navigation header for mobile devices gets attention, the sidenav.html will be utlized. We should preemptively update this code to utilize the navbar-toggler-icon from bootstrap.

We should change:

      <a class="btn btn-lg outline-primary text-primary navbar-toggler chevron" data-toggle="collapse" data-target="#navbarSupportedTopicsContent" aria-controls="navbarSupportedTopicsContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="oi oi-chevron-top chevron-up"></span>
        <span class="oi oi-chevron-bottom chevron-down"></span>

to this:

      <a class="btn btn-lg outline-primary text-primary navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedTopicsContent" aria-controls="navbarSupportedTopicsContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>

on lines 4, 5, 6 in the sidenav.html.

Edited by Nicolei Ocaña