LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-22 12:21:13 +00:00
Code Issues Projects Releases Wiki Activity

Adding a proper navbar toggler icon. Fixes #90

Browse source
This commit is contained in:
Dessalines 2020-12-01 12:49:41 -06:00
parent fc2044580d
commit ab5d893c75
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/shared/components/navbar.tsx
View file

@ -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`}

3
src/shared/components/symbols.tsx
View file

@ -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>