app: unify pre-maintenance banner with other site-wide banners

This commit is contained in:
Pierre de La Morinerie 2019-12-04 14:28:42 +00:00
parent 704ac64f63
commit 7f2d5f6248
8 changed files with 17 additions and 28 deletions

View file

@ -1,15 +0,0 @@
.maintenance {
width: 100%;
position: fixed;
top: 0;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: center;
span {
margin: auto;
background: #FFD8A6;
padding: 0 4px;
}
}

View file

@ -9,7 +9,6 @@
// defined in the other CSS/SCSS files in this directory. It is generally better to create a new // defined in the other CSS/SCSS files in this directory. It is generally better to create a new
// file per style scope. // file per style scope.
// //
// = require _maintenance
// = require _card // = require _card
// = require _helpers // = require _helpers
// = require _turbolinks // = require _turbolinks

View file

@ -1,8 +0,0 @@
@import "colors";
.maintenance {
padding: 20px;
text-align: center;
width: 100%;
background: $orange-bg;
}

View file

@ -9,6 +9,10 @@
background-color: $yellow; background-color: $yellow;
border-bottom: 1px dashed rgba(0, 0, 0, 0.6); border-bottom: 1px dashed rgba(0, 0, 0, 0.6);
&.warning {
background-color: $orange-bg;
}
.container { .container {
display: flex; display: flex;
align-items: center; align-items: center;

View file

@ -6,6 +6,10 @@
background-color: #FEF3B8; background-color: #FEF3B8;
border-bottom: 1px dashed rgba(0, 0, 0, 0.6); border-bottom: 1px dashed rgba(0, 0, 0, 0.6);
&.warning {
background-color: #FFD8A6;
}
.container { .container {
display: flex; display: flex;
width: auto; width: auto;

View file

@ -1,6 +1,7 @@
#main-container{ class: "col-xs-#{main_container_size}" } #main-container{ class: "col-xs-#{main_container_size}" }
.row .row
= render partial: 'layouts/outdated_browser_banner' = render partial: 'layouts/outdated_browser_banner'
= render partial: 'layouts/pre_maintenance'
.row .row
= render partial: 'layouts/flash_messages' = render partial: 'layouts/flash_messages'
.row .row

View file

@ -1,4 +1,9 @@
- if feature_enabled?(:pre_maintenance_mode) - if feature_enabled?(:pre_maintenance_mode)
.maintenance .site-banner.warning
%span .container
Une opération de maintenance est prévue sur demarches-simplifiees.fr à 23 h 00. La plateforme sera inaccessible pendant une vingtaine de minutes. .site-banner-icon 🕚
.site-banner-text
%strong
Une opération de maintenance est prévue sur demarches-simplifiees.fr à 23 h 00.
%br
La plateforme sera inaccessible pendant une vingtaine de minutes.

View file

@ -19,7 +19,6 @@
= Gon::Base.render_data(camel_case: true, init: true) = Gon::Base.render_data(camel_case: true, init: true)
%body{ class: browser.platform.ios? ? 'ios' : nil } %body{ class: browser.platform.ios? ? 'ios' : nil }
= render partial: 'layouts/pre_maintenance'
- if staging? - if staging?
#beta #beta
Env Test Env Test