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

View file

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