[Fix #896] Add a visible contact dialog for gestionnaires

app/assets/stylesheets/new_design/new_header.scss

@@ -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

@@ -21,6 +21,15 @@
                   %span.badge.warning= avis_counter
           %li
             = 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?