Merge pull request #2500 from betagouv/improve-browser-banner

Improve browser banner

app/assets/stylesheets/application.scss

@@ -38,7 +38,7 @@
 // = require recapitulatif
 // = require search
 // = require siret
-// = require support_navigator_banner
+// = require outdated_browser_banner
 // = require switch_menu
 // = require autocomplete
 // = require users

app/assets/stylesheets/new_design/outdated_browser_banner.scss

@@ -1,17 +1,14 @@
 @import "colors";
 @import "constants";
 
-#support-navigator-banner {
+#outdated-browser-banner {
-  position: fixed;
   width: 100%;
   bottom: 0;
   left: 0;
   margin: 0;
   padding: $default-padding;
-  text-align: center;
   color: #FFFFFF;
   background-color: $medium-red;
-  z-index: 1000;
 
   a {
     color: $lighter-blue;

app/assets/stylesheets/outdated_browser_banner.scss

@@ -1,4 +1,4 @@
-#support-navigator-banner {
+#outdated-browser-banner {
   position: fixed;
   text-align: center;
   line-height: 2em;

app/views/layouts/_outdated_browser_banner.html.haml

@@ -1,11 +1,8 @@
--# See config/browser.rb
+/ See config/browser.rb
 - if !browser.modern?
-  #support-navigator-banner.row
+  #outdated-browser-banner
-    .col-xs-12
+    .container
-      Attention, votre navigateur (#{browser.name} #{browser.version}) est trop ancien pour utiliser demarches-simplifiees.fr : certaines parties du site ne fonctionneront pas correctement.
+      Attention, votre navigateur (#{browser.name} #{browser.version}) est trop ancien pour utiliser demarches-simplifiees.fr : certaines parties du site ne fonctionneront pas correctement. Nous vous recommendons fortement de
-      %br/
-      %br/
-      Nous vous recommendons fortement de
       %a{ href: "https://browser-update.org/fr/update.html", target: "_blank" }mettre à jour votre navigateur
       %span<>
         \.

app/views/layouts/application.html.haml

@@ -21,7 +21,7 @@
         sentry: #{raw(sentry_config)}
       }];
   %body
-    = render partial: 'layouts/support_navigator_banner'
+    = render partial: 'layouts/outdated_browser_banner'
     = render partial: 'layouts/pre_maintenance'
     - if staging?
       #beta

app/views/layouts/new_application.html.haml

@@ -27,7 +27,7 @@
       }];
   %body
     .page-wrapper
-      = render partial: "layouts/support_navigator_banner"
+      = render partial: "layouts/outdated_browser_banner"
       = render partial: 'layouts/pre_maintenance'
       - if staging?
         #beta