DGNum/demarches-normaliennes
14
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Improve the outdated browser support banner style

Browse source 
- In the new design, it is now at the top of the
  page
- In the new design, it no longer covers up the UI
- In the new design, the text is now left-aligned
  which makes it easier to read
- In the new design, its height has been reduced
  which makes it less annoying
This commit is contained in:
gregoirenovel 2018-09-03 11:35:08 +02:00
parent f13533ad01
commit 1b545123fa
2 changed files with 3 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/new_design/support_navigator_banner.scss
View file

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

9
app/views/layouts/_support_navigator_banner.html.haml
View file

@ -1,11 +1,8 @@
-# See config/browser.rb -# See config/browser.rb
- if !browser.modern? - if !browser.modern?
#support-navigator-banner.row #support-navigator-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 %a{ href: "https://browser-update.org/fr/update.html", target: "_blank" }mettre à jour votre navigateur
%span<> %span<>
\. \.