Merge pull request #2342 from betagouv/improve-browser-detection

Améliore la détection des navigateurs périmés

README.md

@@ -146,7 +146,7 @@ Pour les lister: `bin/rake -D support:`.
 
 ## Compatibilité navigateurs
 
-L'application supporte les navigateurs récents Firefox, Chrome, Internet Explorer (Edge, 11).
+L'application supporte les navigateurs récents : Firefox, Chrome, Safari, Edge et Internet Explorer 11 (voir `config/browser.rb`).
 
 La compatibilité est testée par Browserstack.
 

app/assets/stylesheets/new_design/support_navigator_banner.scss

@@ -0,0 +1,20 @@
+@import "colors";
+@import "constants";
+
+#support-navigator-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: #C3D9FF;
+    text-decoration: underline;
+  }
+}

app/views/layouts/_ie_lt_10.html.haml

@@ -1,8 +0,0 @@
-<!--[if lt IE 10]>
-
-.center{ style: 'width: 100%; background-color: white; position: fixed; top: 0; left: 0; z-index: 100000;' }
-  %h3.text-danger
-    %b
-      Votre version d'Internet Explorer est trop ancienne pour être utilisée sur demarches-simplifiees.fr. Version minimum : Internet Explorer 10
-
-<![endif]-->

app/views/layouts/_support_navigator_banner.html.haml

@@ -1,7 +1,13 @@
+-# See config/browser.rb
 - if !browser.modern?
   #support-navigator-banner.row
     .col-xs-12
       = browser.name
       = browser.version
       \-
-      Attention, votre navigateur n'est pas recommandé pour la navigation sur ce site internet. Aucun support ne pourra vous être prodigué en cas de dysfonctionnement.
+      Attention, votre navigateur est trop ancien pour utiliser Démarches Simplifiées : certaines parties du site ne fonctionneront pas correctement.
+      %br/
+      %br/
+      Nous vous recommendons fortement de
+      %a{ href: "https://browser-update.org/fr/update.html" }mettre à jour votre navigateur
+      \.

app/views/layouts/application.html.haml

@@ -25,8 +25,6 @@
       #beta
         Env Test
 
-    = render partial: 'layouts/ie_lt_10'
-
     #wrap
       .row
         #header.navbar

app/views/layouts/new_application.html.haml

@@ -26,7 +26,6 @@
   %body
     .page-wrapper
       = render partial: "layouts/support_navigator_banner"
-      = render partial: "layouts/ie_lt_10"
       = render partial: 'layouts/pre_maintenance'
       - if Rails.env == "staging"
         #beta