From: Dessalines <tyhou13@gmx.com>
Date: Tue, 1 Dec 2020 18:49:41 +0000 (-0600)
Subject: Adding a proper navbar toggler icon. Fixes #90
X-Git-Url: http://these/git/%22https:/image.com/%22%7B%7D/static/%7B%60%24%7BarchiveTodayUrl%7D?a=commitdiff_plain;h=ab5d893c752f5de66e2fac77f699fbfe0ca42122;p=lemmy-ui.git

Adding a proper navbar toggler icon. Fixes #90
---

diff --git a/src/shared/components/navbar.tsx b/src/shared/components/navbar.tsx
index 0eed4f4..b029ce0 100644
--- 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 105e33f..a1021e4 100644
--- 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>