From 550eb7faa5afbe2295055f93b9e5f3bdc476bbf2 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Wed, 26 Oct 2016 14:33:37 +0200
Subject: [PATCH] Update hover style on header nav sub items

---
 .../src/sass/modules/navs/_nav-header.scss    | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/app/static/src/sass/modules/navs/_nav-header.scss b/app/static/src/sass/modules/navs/_nav-header.scss
index 56078203..126b8580 100644
--- a/app/static/src/sass/modules/navs/_nav-header.scss
+++ b/app/static/src/sass/modules/navs/_nav-header.scss
@@ -220,12 +220,63 @@ $module: ".nav-header";
         @include typeface(sans-serif);
         font-weight: weight(regular);
         text-transform: none;
+        position: relative;
 
         @include mq($until: lg) {
             @include font-size(xs);
         }
 
+        /*&:after {
+            position: absolute;
+            height: 8px;
+            margin-top: -4px;
+            width: 100%;
+            display: block;
+            top: 50%;
+            left: 0;
+            content: "";
+            background: $color-main;
+            z-index: -1;
+            @include transform(scaleX(0));
+            @include transition(all 0.25s ease-in-out);
+            transform-origin:left top;
+        }*/
+
+        &:hover {
+
+            >a {
+                border-bottom: 1px solid $color-main;
+            }
+
+            /*>a {
+                color: black;
+            }
+
+            &:after {
+                @include transform(scaleX(1));
+                position: absolute;
+                height: 8px;
+                margin-top: -4px;
+                width: 100%;
+                display: block;
+                top: 50%;
+                left: 0;
+                content: "";
+                background: $color-main;
+                z-index: -1;
+            }*/
+        }
+
         &--first {
+            /*&:after {
+                display: none;
+            }*/
+
+            &:hover {
+                >a {
+                    border-bottom: 0;
+                }
+            }
 
             @include font-size(l);
             @include margin-bottom(.5);
-- 
2.39.5