Revize 8baafb46

Issue #7952 @1.75h
První trošku použitelné side-menu.
Vzdálenosti jsou zatím ad hoc a v SCSS jsem nechal nepořádek, který pak uklidím.

resources/sass/_custom.scss

@@ -349 +349 @@
 
         &:before {
             background-image : url(../images/Button_Arrow_Small.png);
+            //height: 0.9685rem;
+            //width: 0.59055rem;
         }
 
         &:hover {
@@ -421 +423 @@
     }
 }
 
+.arrow-left {
+    position: absolute;
+    width: 0;
+    height: 0;
+    margin-top: 50px;
+    //height: 0.9685rem;
+    //width: 0.59055rem;
+    margin-left: 90%;
+    border-top: 0.59055rem solid transparent;
+    border-bottom: 0.59055rem solid transparent;
+
+    border-right:0.59055rem solid $theme-color-four;
+}
+.arrow-right {
+    position: absolute;
+    top: 0;
+    width: 0;
+    height: 0;
+    margin: 50px;
+    border-top: 0.59055rem solid transparent;
+    border-bottom: 0.59055rem solid transparent;
+
+    border-left:0.59055rem solid $theme-color-four;
+}
+
 .sidenav {
     height: 100%;
     width: 0;
@@ -428 +455 @@
     z-index: 1;
     top: 0;
     left: 0;
-    background-color: #111;
+    //margin-top: 50px;
+    background-color: $theme-color-five;
     overflow-x: hidden;
     transition: 0.5s;
-    padding-top: 60px;
+    //padding-top: 60px;
 }
 
 .sidenav a {
-    padding: 8px 8px 8px 32px;
+    //padding: 8px 8px 8px 50px;
     text-decoration: none;
-    font-size: 25px;
-    color: #818181;
+    //font-size: 25px;
+    color: $theme-color-four;
     display: block;
     transition: 0.3s;
 }
 
 .sidenav a:hover {
-    color: #f1f1f1;
+    color: $theme-color-five;
+    background-color: $theme-color-one;
 }
 
-.sidenav .closebtn {
+/*.sidenav .closebtn {
     position: absolute;
     top: 0;
     right: 25px;
     font-size: 36px;
     margin-left: 50px;
-}
+}*/
 
 @media screen and (max-height: 450px) {
     .sidenav {padding-top: 15px;}

resources/views/inc/sidebar.blade.php

@@ -1 +1 @@
 <div id="mySidenav" class="sidenav">
-    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+    <a href="javascript:void(0)" class="arrow-left" style="cursor:pointer" onclick="closeNav()"></a>
+    <li class="nav-item"></li>
+    <li class="nav-item"></li>
+    <li class="nav-item"></li>
+    <li class="nav-item"></li>
         @guest
         <li class="nav-item">
             <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
@@ -11 +15 @@
         @endif
         @else
         <li class="nav-item dropdown">
-            <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+           {{-- <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                 {{ Auth::user()->name }} <span class="caret"></span>
             </a>
 
-            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
-                <a class="dropdown-item" href="{{ url('/favartefacts') }}">Favorite artefacts</a>
+            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">--}}
+                <a class="dropdown-item text-headline" href="{{ url('/favartefacts') }}">Favorite artefacts</a>
 
-                <a class="dropdown-item" href="{{ url('/favmetadata') }}">Favorite metadata</a>
+                <a class="dropdown-item text-headline" href="{{ url('/favmetadata') }}">Favorite metadata</a>
 
-                <a class="dropdown-item" href="{{ route('logout') }}"
+                <a class="dropdown-item text-headline" href="{{ route('logout') }}"
                    onclick="event.preventDefault();
                                                      document.getElementById('logout-form').submit();">
                     {{ __('Logout') }}
@@ -29 +33 @@
                 <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                     @csrf
                 </form>
-            </div>
+            {{-- </div>--}}
         </li>
         @endguest
 
 </div>
 
-<span style="font-size:30px;cursor:pointer;background-color: #3f9ae5" onclick="openNav()">&#9776; open</span>
+<span class="arrow-right" style="cursor:pointer" onclick="openNav()"></span>
 
 <script>
     function openNav() {
-        document.getElementById("mySidenav").style.width = "250px";
+        document.getElementById("mySidenav").style.width = "50vh";
     }
 
     function closeNav() {