app: unify pre-maintenance banner with other site-wide banners
This commit is contained in:
parent
704ac64f63
commit
7f2d5f6248
8 changed files with 17 additions and 28 deletions
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -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
|
||||||
|
|
|
@ -1,8 +0,0 @@
|
||||||
@import "colors";
|
|
||||||
|
|
||||||
.maintenance {
|
|
||||||
padding: 20px;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
background: $orange-bg;
|
|
||||||
}
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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.
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue