Revize 927fb559

Issue #7996 @2.25h
[+] Přidáno tlačítko home pro guesta.
[+] Přidán do menu efekt active.
[+] Šipka pro menu dána do fixní horní lišty. Z neznámých důvodů na některých stránkách ovšem buguje a mizí?!
[+] Přidáno zvýraznění aktivní záložky.
[+] Přidán odkaz na češtinu (zatím nefunkční) a separátor pro logout.
[+] Přidáno logo kaplicky s odkazem na home do nové horní lišty. Logo není přítomno v loginu a registraci.

resources/sass/_custom.scss

@@ -62 +62 @@
         }
     }
 
+    .container{
+        margin-top: 4.99055rem;
+    }
+
     /////////text types
     //většina běžných textů
     .text {
@@ -149 +153 @@
 
         .card-body{
             padding-bottom: 0px;
-            padding-top: 28vh
+            padding-top: calc(28vh - 4.99055rem);
         }
     }
 
@@ -675 +679 @@
     border: 0.59055rem solid transparent;
 }
 
+.top-bar{
+    padding-bottom: 4.59055rem;
+    background-color: $theme-color-five;
+    position: fixed;
+    width: 100%;
+    top: 0;
+}
+
 .arrow-left {
     margin-left: 80%;
 
@@ -691 +703 @@
     left: 0;
 }
 
+.separator{
+    border-bottom: 1px solid $theme-color-five;
+}
+
 .sidenav {
     height: 100%;
     //width: 0;
@@ -709 +725 @@
     color: $theme-color-five;
     display: block;
     transition: 0.3s;
+    &:hover{
+        color: $theme-color-four;
+        background-color: $theme-color-one;
+    }
+    &:active, &:focus, .active{
+        color: $theme-color-one;
+        background-color: $theme-color-four;
+    }
 }
 
-.sidenav a:hover {
-    color: $theme-color-four;
+.dropdown-item.active, .dropdown-item:active{
+    color: $theme-color-five;
     background-color: $theme-color-one;
 }
 
+.logo-kaplicky{
+    position: fixed;
+    top: 0;
+    left: calc(50vw - 50pt);
+    margin-top: 2rem;
+}
+
 @media screen and (max-height: 450px) {
     .sidenav a {font-size: 18px;}
 }

resources/views/categories/index.blade.php

@@ -3 +3 @@
 @section('title', 'Categories')
 
 @section('content')
+    <div class="container">
     @if(isset($user))
         {{--<p><?php dd($categories); ?></p>--}}
         <div class="cat-main-div" onclick="resetEnter()">
@@ -33 +34 @@
             </li>
         </ul>
     @endif
+    </div>
 @endsection

resources/views/inc/sidebar.blade.php

@@ -6 +6 @@
     <li class="nav-item"> &#160;</li>
         @guest
         <li class="nav-item">
-            <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
+            <a class="dropdown-item text-headline" href="{{ url('/') }}">{{ __('Home') }}</a>
+            <a class="dropdown-item text-headline" href="{{ route('login') }}">{{ __('Login') }}</a>
         </li>
         @if (Route::has('register'))
         <li class="nav-item">
-            <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
+            <a class="dropdown-item text-headline" href="{{ route('register') }}">{{ __('Register') }}</a>
         </li>
         @endif
         @else
@@ -31 +32 @@
 
 
 
-                <a class="dropdown-item text-headline" href="{{ route('logout') }}"
-                   onclick="event.preventDefault();
+        </li>
+        <li class="nav-item dropdown separator">
+            <a class="dropdown-item text-headline" href="{{ url('/czech') }}">česky</a>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="dropdown-item text-headline" href="{{ route('logout') }}"
+               onclick="event.preventDefault();
                                                      document.getElementById('logout-form').submit();">
-                    {{ __('logout') }}
-                </a>
+                {{ __('logout') }}
+            </a>
 
-                <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
-                    @csrf
-                </form>
+            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
+                @csrf
+            </form>
         </li>
         @endguest
 
 </div>
 
-
-<span class="arrow arrow-right" onclick="openNav()"></span>
+<nav class="navbar navbar-expand-md navbar-light black shadow-sm top-bar">
+    <span class="arrow arrow-right" onclick="openNav()"></span>
+    @if(!Request::is('login')&&!Request::is('register'))
+        <li class="nav-item dropdown col-md-4">
+            <a for="logo" class="col-md-4 logo-kaplicky kaplicky" href="{{ url('/') }}">{{ __('kaplicky') }}</a>
+        </li>
+    @endif
+</nav>
 {{--<label for="logo" class="col-md-12 kaplicky" style="display: inline-block; text-align: center; padding: 1.25rem; padding-bottom: 0">{{ __('kaplicky') }}</label>
 {{--<label for="logo" class="col-md-4 kaplicky">{{ __('kaplicky') }}</label>--}}
 {{--<a class="navbar-brand kaplicky" href="{{ url('/') }}">
@@ -69 +81 @@
         document.getElementById("sidebar").style.width = "0";
     }
 </script>
+<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
+<script>
+    $(function(){
+        $('a').each(function(){
+            if ($(this).prop('href') == window.location.href) {
+                $(this).addClass('active');// $(this).parents('a').addClass('active');
+            }
+        });
+    });
+</script>