diff --git a/Gemfile b/Gemfile index 6840329ff..0fbe796bf 100644 --- a/Gemfile +++ b/Gemfile @@ -53,6 +53,8 @@ gem 'whenever', require: false gem 'ahoy_matey', '~> 1.2.1' gem 'groupdate' # group temporary data +gem 'browser' + group :development, :test do # Call 'byebug' anywhere in the code to stop execution and get a debugger console gem 'byebug' diff --git a/Gemfile.lock b/Gemfile.lock index 4814dc6af..fdfae6d17 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -406,6 +406,7 @@ DEPENDENCIES acts_as_votable ahoy_matey (~> 1.2.1) ancestry + browser bullet byebug cancancan diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss index a14d6f67f..7ed7f2372 100644 --- a/app/assets/stylesheets/participacion.scss +++ b/app/assets/stylesheets/participacion.scss @@ -262,6 +262,17 @@ h6 { border-top: rem-calc(6) solid $brand; } +.ie-alert-box { + position: absolute; + top: 0; + width: 100%; + + a.close { + font-size: 36px; + top: 20%; + } +} + // 04. Header // - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index a54f23e7e..31f1a2367 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -22,6 +22,23 @@
<%= render 'layouts/header' %> + + <% if notice %>
diff --git a/config/locales/en.yml b/config/locales/en.yml index a8c0c8d70..31d3419ed 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -48,6 +48,13 @@ en: privacy: "Privacy Policy" conditions: "Terms of use" more_info: "More information" + application: + ie_title: "This site is not optimized for your browser" + ie: + "You are using Internet Explorer. + For a better experience we recommend use %{chrome} or %{firefox}." + chrome: "Google Chrome" + firefox: "Firefox" form: error: error errors: errors diff --git a/config/locales/es.yml b/config/locales/es.yml index 8de1f4cc8..cb256b897 100644 --- a/config/locales/es.yml +++ b/config/locales/es.yml @@ -48,6 +48,13 @@ es: privacy: "Política de privacidad" conditions: "Condiciones de uso" more_info: "Más información" + application: + ie_title: "Esta web no está optimizada para tu navegador" + ie: + "Hemos detectado que estás navegando desde Internet Explorer. + Para una mejor experiencia te recomendamos utilizar %{chrome} o %{firefox}." + chrome: "Google Chrome" + firefox: "Firefox" form: error: error errors: errores