From 590a31f1333240d746e9c08274d2a2d9c57119c4 Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Mon, 6 Jul 2020 12:45:36 +0200
Subject: [PATCH] Update frontend with new icon only layout

---
 assets/sass/_vars.scss |  2 +-
 views/layouts/base.njk | 17 +++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/assets/sass/_vars.scss b/assets/sass/_vars.scss
index 1d2ad17..b3df9c8 100644
--- a/assets/sass/_vars.scss
+++ b/assets/sass/_vars.scss
@@ -27,4 +27,4 @@ $errorText: darken($error, 30%);
 $errorColor: desaturate($errorText, 50%);
 
 // Responsivity
-$menuLayoutSwitchTreshold: 1320px;
+$menuLayoutSwitchTreshold: 700px;
diff --git a/views/layouts/base.njk b/views/layouts/base.njk
index 3f9ae97..a4640b8 100644
--- a/views/layouts/base.njk
+++ b/views/layouts/base.njk
@@ -16,17 +16,18 @@
     <nav>
         <button id="menu-button"><i data-feather="menu"></i></button>
         <ul id="main-menu">
+            <li><a href="{{ route('about') }}"><i data-feather="info"></i> <span class="tip">About</span></a></li>
             {% if user %}
-                <li><a href="{{ route('file-upload') }}"><i data-feather="upload"></i> File uploader</a></li>
-                <li><a href="{{ route('file-manager') }}"><i data-feather="folder"></i> File manager</a></li>
-                <li><a href="{{ route('url-shortener') }}"><i data-feather="crosshair"></i> URL shortener</a></li>
-                <li><a href="{{ route('url-manager') }}"><i data-feather="link"></i> URL manager</a></li>
+                <li><a href="{{ route('file-manager') }}"><i data-feather="folder"></i> <span class="tip">File manager</span></a></li>
+                <li><a href="{{ route('file-upload') }}"><i data-feather="upload"></i> <span class="tip">Upload file</span></a></li>
+                <li><a href="{{ route('url-manager') }}"><i data-feather="link"></i> <span class="tip">URL manager</span></a></li>
+                <li><a href="{{ route('url-shortener') }}"><i data-feather="crosshair"></i> <span class="tip">Shorten URL</span></a></li>
                 {% if user.is_admin %}
-                    <li><a href="{{ route('backend') }}"><i data-feather="settings"></i> Backend</a></li>
+                    <li><a href="{{ route('backend') }}"><i data-feather="settings"></i> <span class="tip">Backend</span></a></li>
                 {% endif %}
-                <li><a href="{{ route('logout') }}"><i data-feather="log-out"></i> Logout</a></li>
+                <li><a href="{{ route('logout') }}"><i data-feather="log-out"></i> <span class="tip">Logout</span></a></li>
             {% else %}
-                <li><a href="{{ route('auth') }}"><i data-feather="user"></i> Login / Register</a></li>
+                <li><a href="{{ route('auth') }}"><i data-feather="user"></i> <span class="tip">Login / Register</span></a></li>
             {% endif %}
         </ul>
     </nav>
@@ -49,4 +50,4 @@
     </main>
 {% endblock %}
 
-{% block footer %}{{ app.name }} v{{ app_version }} - all rights reserved. | <a href="{{ route('about') }}">About</a>{% endblock %}
\ No newline at end of file
+{% block footer %}{{ app.name }} v{{ app_version }} - all rights reserved.{% endblock %}
\ No newline at end of file