Adding a proper navbar toggler icon. Fixes #90

diff --git a/src/shared/components/navbar.tsx b/src/shared/components/navbar.tsx
index 0eed4f42ac69dca27f365b26ccfab5a6bd18d324..b029ce03e7665ba72dd2708c3b57d2b5463b2bbb 100644 (file)
--- a/src/shared/components/navbar.tsx
+++ b/src/shared/components/navbar.tsx
@@ -183,7 +183,7 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
           )}
           {this.state.isLoggedIn && (
             <Link
-              className="ml-auto p-0 navbar-toggler nav-link border-0"
+              className="ml-auto p-1 navbar-toggler nav-link border-0"
               to="/inbox"
               title={i18n.t('inbox')}
             >
@@ -204,7 +204,9 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
             onClick={linkEvent(this, this.expandNavbar)}
             data-tippy-content={i18n.t('expand_here')}
           >
-            <span class="navbar-toggler-icon"></span>
+            <svg class="icon">
+              <use xlinkHref="#icon-menu"></use>
+            </svg>
           </button>
           <div
             className={`${!this.state.expanded && 'collapse'} navbar-collapse`}

diff --git a/src/shared/components/symbols.tsx b/src/shared/components/symbols.tsx
index 105e33fda8c478384977de95af78c015952edb96..a1021e4d8001894e93ef58fddfe6dc3a14b5dbb0 100644 (file)
--- a/src/shared/components/symbols.tsx
+++ b/src/shared/components/symbols.tsx
@@ -20,6 +20,9 @@ export class Symbols extends Component<any, any> {
         xmlnsXlink="http://www.w3.org/1999/xlink"
       >
         <defs>
+          <symbol id="icon-menu" viewBox="0 0 24 24">
+            <path d="M3 13h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 7h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 19h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1z"></path>
+          </symbol>
           <symbol id="icon-beer" viewBox="0 0 27 28">
             <path d="M10 14v-6h-4v4c0 1.109 0.891 2 2 2h2zM26 21v3h-18v-3l2-3h-2c-3.313 0-6-2.688-6-6v-5l-1-1 0.5-2h7.5l0.5-2h15l0.5 3-1 0.5v12.5z"></path>
           </symbol>