From 98bf80e8114dea42908b81ff01f281be2fc3cc26 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Thu, 29 Aug 2019 19:15:58 -0600
Subject: [PATCH] Update nav bar

---
 resources/views/layouts/partial/nav.blade.php | 93 +++++++------------
 1 file changed, 34 insertions(+), 59 deletions(-)

diff --git a/resources/views/layouts/partial/nav.blade.php b/resources/views/layouts/partial/nav.blade.php
index fb626fb0f..b57991048 100644
--- a/resources/views/layouts/partial/nav.blade.php
+++ b/resources/views/layouts/partial/nav.blade.php
@@ -1,59 +1,48 @@
-<nav class="navbar navbar-expand navbar-light navbar-laravel sticky-top">
+<nav class="navbar navbar-expand navbar-light navbar-laravel shadow-none border-bottom border sticky-top py-1">
     <div class="container">
         <a class="navbar-brand d-flex align-items-center" href="{{ route('timeline.personal') }}" title="Logo">
-            <img src="/img/pixelfed-icon-color.svg" height="30px" class="px-2">
+            <img src="/img/pixelfed-icon-color.svg" height="30px" class="px-2" loading="eager">
             <span class="font-weight-bold mb-0 d-none d-sm-block" style="font-size:20px;">{{ config('app.name', 'pixelfed') }}</span>
         </a>
 
-        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-            @auth
-            <ul class="navbar-nav d-none d-md-block mx-auto pr-3">
+        <div class="collapse navbar-collapse">
+        @auth
+            <ul class="navbar-nav d-none d-md-block mx-auto">
               <form class="form-inline search-bar" method="get" action="/i/results">
-                <div class="input-group">
-                    <input class="form-control" name="q" placeholder="{{__('navmenu.search')}}" aria-label="search" autocomplete="off" required>
-                    <div class="input-group-append">
-                        <button class="btn btn-outline-primary" type="submit"><i class="fas fa-search"></i></button>
-                    </div>
-                </div>
+                <input class="form-control form-control-sm" name="q" placeholder="{{__('navmenu.search')}}" aria-label="search" autocomplete="off" required style="line-height: 0.6;width:200px">
               </form>
             </ul>
-            @endauth
+        @endauth
 
-                @guest
+        @guest
                 
             <ul class="navbar-nav ml-auto">
-                    <li><a class="nav-link font-weight-bold text-primary" href="{{ route('login') }}" title="Login">{{ __('Login') }}</a></li>
-                    @if(config('pixelfed.open_registration'))
-                    <li><a class="nav-link font-weight-bold" href="{{ route('register') }}" title="Register">{{ __('Register') }}</a></li>@endif
-                @else
-            <ul class="navbar-nav ml-auto">
+                <li>
+                    <a class="nav-link font-weight-bold text-primary" href="{{ route('login') }}" title="Login">
+                        {{ __('Login') }}
+                    </a>
+                </li>
+            @if(config('pixelfed.open_registration'))
+                    <li>
+                        <a class="nav-link font-weight-bold" href="{{ route('register') }}" title="Register">
+                            {{ __('Register') }}
+                        </a>
+                    </li>
+            @endif
+        @else
+            <div class="ml-auto">
+                <ul class="navbar-nav">
                     <div class="d-none d-md-block">
                         <li class="nav-item px-md-2">
-                            <a class="nav-link font-weight-bold {{request()->is('/') ?'text-dark':'text-muted'}}" href="/" title="Home Timeline" data-toggle="tooltip" data-placement="bottom">
+                            <a class="nav-link font-weight-bold text-muted" href="/" title="Home Timeline" data-toggle="tooltip" data-placement="bottom">
                                 <i class="fas fa-home fa-lg"></i>
                             </a>
                         </li>
                     </div>
-                    {{-- <div class="d-none d-md-block">
-                        <li class="nav-item px-md-2">
-                            <a class="nav-link font-weight-bold {{request()->is('timeline/public') ?'text-primary':''}}" href="/timeline/public" title="Public Timeline" data-toggle="tooltip" data-placement="bottom">
-                               <i class="far fa-map fa-lg"></i>
-                           </a>
-                       </li>
-                   </div>  --}}
-                    
-                    <li class="d-block d-md-none">
-
-                    </li>
-
-                    {{-- <li class="pr-2">
-                        <a class="nav-link font-weight-bold {{request()->is('timeline/network') ?'text-primary':''}}" href="{{route('timeline.network')}}" title="Network Timeline">
-                            <i class="fas fa-globe fa-lg"></i>
-                        </a>
-                    </li> --}}
+                    <li class="d-block d-md-none"></li>
                     <div class="d-none d-md-block">
                         <li class="nav-item px-md-2">
-                            <a class="nav-link font-weight-bold {{request()->is('*discover*') ?'text-dark':'text-muted'}}" href="{{route('discover')}}" title="Discover" data-toggle="tooltip" data-placement="bottom">
+                            <a class="nav-link font-weight-bold text-muted" href="{{route('discover')}}" title="Discover" data-toggle="tooltip" data-placement="bottom">
                                 <i class="far fa-compass fa-lg"></i>
                             </a>
                         </li>
@@ -62,23 +51,20 @@
                         <li class="nav-item px-md-2">
                             <div title="Create new post" data-toggle="tooltip" data-placement="bottom">
                                 <a href="{{route('compose')}}" class="nav-link" data-toggle="modal" data-target="#composeModal">
-                                  <i class="fas fa-camera-retro fa-lg text-primary"></i>
+                                  <i class="fas fa-camera-retro fa-lg text-muted"></i>
                                 </a>
                             </div>
                         </li>
                     </div>
-                </ul>
-                <ul class="navbar-nav">
-                    <li class="nav-item dropdown">
+                    <li class="nav-item dropdown ml-2">
                         <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="User Menu" data-toggle="tooltip" data-placement="bottom">
-                            <img class="rounded-circle box-shadow mr-1" src="{{Auth::user()->profile->avatarUrl()}}" width="26px" height="26px">
+                            <i class="far fa-user fa-lg text-muted"></i>
                         </a>
 
                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
-                            <a class="dropdown-item font-weight-ultralight text-truncate" href="{{Auth::user()->url()}}">
-                                <img class="rounded-circle box-shadow mr-1" src="{{Auth::user()->profile->avatarUrl()}}" width="26px" height="26px">
-                                &commat;{{Auth::user()->username}}
-                                <p class="small mb-0 text-muted text-center">{{__('navmenu.viewMyProfile')}}</p>
+                            <a class="dropdown-item font-weight-bold" href="/i/me">
+                                <span class="far fa-user pr-1"></span>
+                                {{__('navmenu.myProfile')}}
                             </a>
                             <div class="dropdown-divider"></div>
                             <a class="d-block d-md-none dropdown-item font-weight-bold" href="{{route('discover')}}">
@@ -98,18 +84,6 @@
                                 <span class="far fa-map pr-1"></span>
                                 {{__('navmenu.publicTimeline')}}
                             </a>
-                           {{-- <a class="dropdown-item font-weight-bold" href="{{route('timeline.network')}}">
-                                <span class="fas fa-globe pr-1"></span>
-                                Network Timeline
-                            </a> --}}
-                            {{-- <a class="dropdown-item font-weight-bold" href="{{route('messages')}}">
-                                <span class="far fa-envelope pr-1"></span>
-                                {{__('navmenu.directMessages')}}
-                            </a> 
-                            <a class="dropdown-item font-weight-bold" href="{{route('account.circles')}}">
-                                <span class="far fa-circle pr-1"></span>
-                                {{__('Circles')}}
-                            </a>--}}
                             <div class="dropdown-divider"></div>
                             <a class="dropdown-item font-weight-bold" href="{{route('settings')}}">
                                 <span class="fas fa-cog pr-1"></span>
@@ -134,7 +108,8 @@
                             </form>
                         </div>
                     </li>
-                @endguest
+                </div>
+        @endguest
             </ul>
         </div>
     </div>