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)

Issue in Community portal (Part 3 of 4)

The <head></head> section does not contain the code <link rel="stylesheet" href="{{ '/static/fonts/open-iconic/font/css/open-iconic-bootstrap.css'|asseturl }}"> Source: https://gitlab.torproject.org/torproject/web/tpo/-/blob/master/templates/meta.html

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 8 & 9 respectively, but the no html in the templates folder references the code {% include 'sidenav.html' %}. 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 7, 8, 9 in the sidenav.html.