Merge pull request #960 from sgmap/fix-896

Fix #896

app/assets/stylesheets/new_design/new_header.scss

@@ -30,7 +30,7 @@
     display: inline-block;
   }
 
-  a {
+  .tab-link {
     display: inline-block;
     height: 72px;
     line-height: 72px;
@@ -41,10 +41,63 @@
     &:hover {
       color: $blue;
       border-bottom: 2px solid $blue;
+
+      &.contact-link {
+        border-bottom: none;
+
+        .contact-details {
+          display: block;
+        }
+      }
     }
   }
 }
 
+.contact-details {
+  display: none;
+  position: absolute;
+  left: -165px;
+  background: #FFFFFF;
+  border: 2px solid $blue;
+  border-radius: 5px;
+  padding: 15px;
+  width: 400px;
+  color: $black;
+  z-index: 100;
+  font-size: initial;
+  line-height: 1.6;
+
+  &::after,
+  &::before {
+    bottom: 100%;
+    left: 50%;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+
+  &::after {
+    border-color: rgba(255, 255, 255, 0);
+    border-bottom-color: #FFFFFF;
+    border-width: 15px;
+    margin-left: -15px;
+  }
+
+  &::before {
+    border-color: rgba(255, 255, 255, 0);
+    border-bottom-color: $blue;
+    border-width: 18px;
+    margin-left: -18px;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+}
+
 .header-right-content {
   display: flex;
   align-items: center;

app/views/layouts/_new_header.haml

@@ -11,16 +11,25 @@
         %ul.header-tabs
           - if current_gestionnaire.procedures.count > 0
             %li
-              = link_to "Procédures", procedures_path, class: (controller_name != 'avis') ? "active" : nil
+              = link_to "Procédures", procedures_path, class: (controller_name != 'avis') ? "tab-link active" : 'tab-link'
           - if current_gestionnaire.avis.count > 0
             %li
-              = link_to avis_index_path, class: (controller_name == 'avis') ? "active" : nil do
+              = link_to avis_index_path, class: (controller_name == 'avis') ? "tab-link active" : 'tab-link' do
                 Avis
                 - avis_counter = current_gestionnaire.avis.without_answer.count
                 - if avis_counter > 0
                   %span.badge.warning= avis_counter
           %li
-            = link_to "Ancienne interface", backoffice_dossiers_path
+            = link_to "Ancienne interface", backoffice_dossiers_path, class: 'tab-link'
+          %li
+            .tab-link.contact-link
+              Contact
+              .contact-details
+                Vous avez besoin d’aide ? Contactez-nous :
+                %br
+                – par téléphone : 09 72 62 57 12
+                %br
+                – par email : <a href="mailto:contact@tps.apientreprise.fr">contact@tps.apientreprise.fr</a>
 
     %ul.header-right-content
       - if gestionnaire_signed_in?