form: extract the form header to its own partial

This commit is contained in:
Pierre de La Morinerie 2018-07-11 12:38:24 +00:00 committed by gregoirenovel
parent dee4acd802
commit 0fa18c70bf
3 changed files with 21 additions and 17 deletions

View file

@ -1,13 +1,9 @@
@import "colors";
@import "constants";
.dossier-edit {
.dossier-header {
background-color: $light-grey;
margin-bottom: $default-padding;
.dossier-header {
.container {
padding: $default-padding;
padding-bottom: $default-padding;
}
h1 {
@ -17,8 +13,15 @@
vertical-align: -3px;
}
}
}
.dossier-form-actions {
margin-top: $default-padding;
margin-bottom: $default-padding;
text-align: right;
}
}
.dossier-edit {
.prologue {
margin: (1.5 * $default-padding) 0;
display: flex;

View file

@ -2,10 +2,8 @@
= render partial: "new_user/dossiers/footer", locals: { dossier: @dossier }
.dossier-edit
.dossier-header
.dossier-header.sub-header
.container
%h1
%span.icon.folder
= @dossier.procedure.libelle
= render partial: "shared/dossiers/header", locals: { dossier: @dossier, apercu: false }
= render partial: "shared/dossiers/edit", locals: { dossier: @dossier, apercu: false }

View file

@ -0,0 +1,3 @@
%h1
%span.icon.folder
= dossier.procedure.libelle