Merge branch 'ergonomie' into 'master'

Change nav tab

See merge request !176

core/static/core/style.scss

@@ -356,6 +356,45 @@ header {
         }
       }
     }
+
+    .dropdown {
+      flex: auto;
+      text-align: center;
+      position: relative;
+    }
+
+    .dropbtn {
+      all: unset;
+      padding: 20px;
+      font-weight: bolder;
+    }
+
+    .dropdown-content {
+      display: none;
+      position: absolute;
+      overflow: auto;
+      width: 100%;
+      background-color: #f9f9f9;
+      box-shadow: 3px 3px 3px 0px $shadow-color;
+      z-index: 1;
+    }
+
+    .dropdown-content a {
+      float: none;
+      color: black;
+      padding: 12px 16px;
+      display: block;
+      text-align: center;
+      &:hover {
+        border-radius: unset;
+        color: white;
+        background: $secondary-neutral-color;
+      }
+    }
+
+    .dropdown:hover .dropdown-content {
+      display: block;
+    }
   }
 
 /*--------------------------------CONTENT------------------------------*/

core/templates/core/base.jinja

@@ -149,15 +149,52 @@
           {% if not popup %}
           <nav>
               <a href="{{ url('core:index') }}">{% trans %}Main{% endtrans %}</a>
-              <a href="{{ url('core:page', page_name='clubs') }}">{% trans %}Clubs{% endtrans %}</a>
-              <a href="{{ url('matmat:search_clear') }}">{% trans %}Matmatronch{% endtrans %}</a>
-              <a href="{{ url('core:page', page_name="Index") }}">{% trans %}Wiki{% endtrans %}</a>
-              <a href="{{ url('sas:main') }}">{% trans %}SAS{% endtrans %}</a>
+              <div class="dropdown">
+                <button class="dropbtn">{% trans %}Associations & Clubs{% endtrans %} 
+                <i class="fa fa-caret-down"></i>
+                </button>
+                <div class="dropdown-content">
+                    <a href="/page/ae/">{% trans %}The AE{% endtrans %}</a>
+                    <a href="{{ url('core:page', page_name='clubs') }}">{% trans %}The AE's clubs{% endtrans %}</a>
+                    <a href="/page/bdf/">{% trans %}The BDF{% endtrans %}</a>
+                    <a href="/page/bds/">{% trans %}The BDS{% endtrans %}</a>
+                    <a href="/page/cetu/">{% trans %}The CETU{% endtrans %}</a>
+                </div>
+              </div> 
+              <div class="dropdown">
+                <button class="dropbtn">{% trans %}Events{% endtrans %} 
+                <i class="fa fa-caret-down"></i>
+                </button>
+                <div class="dropdown-content">
+                    <a href="/page/Index/calendrier_evenements/">{% trans %}Calendar{% endtrans %}</a>
+                    <a href="/page/GA">{% trans %}Big event{% endtrans %}</a>
+                </div>
+              </div> 
               <a href="{{ url('forum:main') }}">{% trans %}Forum{% endtrans %}</a>
-              <a href="{{ url('core:page', "services") }}">{% trans %}Services{% endtrans %}</a>
-              <a href="{{ url('core:file_list') }}">{% trans %}Files{% endtrans %}</a>
+              <a href="{{ url('sas:main') }}">{% trans %}Gallery{% endtrans %}</a>
+              <a href="{{ url('eboutic:main') }}">{% trans %}Eboutic{% endtrans %}</a>
+              <div class="dropdown">
+                <button class="dropbtn">{% trans %}Services{% endtrans %} 
+                <i class="fa fa-caret-down"></i>
+                </button>
+                <div class="dropdown-content">
+                    <a href="{{ url('matmat:search_clear') }}">{% trans %}Matmatronch{% endtrans %}</a>
+                    <a href="/launderette">{% trans %}Launderette{% endtrans %}</a>
+                    <a href="{{ url('core:file_list') }}">{% trans %}Files{% endtrans %}</a>
+                    <a href="https://ae2.utbm.fr/uvs/">{% trans %}Pedagogy{% endtrans %}</a>
+                </div>
+              </div> 
               <a href="{{ url('core:page', page_name="partenaires")}}">{% trans %}Sponsors{% endtrans %}</a>
-              <a href="https://ae2.utbm.fr/article.php?name=docs:index">{% trans %}Help{% endtrans %}</a>
+              <div class="dropdown">
+                <button class="dropbtn">{% trans %}Help{% endtrans %} 
+                <i class="fa fa-caret-down"></i>
+                </button>
+                <div class="dropdown-content">
+                    <a href="/page/FAQ/">{% trans %}FAQ{% endtrans %}</a>
+                    <a href="{{ url('core:page', 'contacts') }}">{% trans %}Contacts{% endtrans %}</a>
+                    <a href="{{ url('core:page', page_name="Index") }}">{% trans %}Wiki{% endtrans %}</a>
+                </div>
+              </div> 
           </nav>
           {% endif %}
           {% endblock %}