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

Need to anime accordeon, and check if width + margin % is the solution

Browse source
This commit is contained in:
JC 2016-11-23 10:59:48 +01:00
parent 750d81e70b
commit de9753ae69
2 changed files with 51 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

38
app/assets/stylesheets/dossier_show.scss
View file

@ -1,24 +1,44 @@
#backoffice_dossier_show { #backoffice_dossier_show {
font-family: Arial;
margin-top: 40px; margin-top: 40px;
text-align:center; .show-block {
.centered { width: 840px;
display:inline-block; margin-left: 10%;
float:none;
box-shadow: 0 0 1px 0 rgba(0,0,0,0.5); box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
margin-bottom: 40px;
}
.carret-right {
float: left;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 14px solid #FFFFFF;
margin: 12px 12px 0 15px;
} }
.header { .header {
background-color: #003C92; background-color: #003C92;
height: 30px; height: 40px;
.title { color: #FFFFFF;
font-size: 18px;
font-weight: bold;
.title, .action, .count {
height: 100%;
line-height: 40px;
padding: 0px;
} }
.action { .action {
background-color: #E45B51;
text-align: center;
}
.count {
font-size: 16px;
text-align: center;
} }
} }
.body { .body {
background-color: #FFFFFF; background-color: #FFFFFF;
height: 300px; height: 100px;
margin-bottom: 40px;
} }
#message { #message {
} }

32
app/views/backoffice/dossiers/show.html.haml
View file

@ -1,17 +1,29 @@
%div.col-lg-12.col-md-12#backoffice_dossier_show %div.col-lg-12.col-md-12#backoffice_dossier_show
%div.row#messages %div.row.show-block#messages
%div.col-lg-8.col-md-8.header.centered %div.header
%div.row %div.col-lg-10.col-md-10.title
%div.col-lg-10.col-md-10.title %div.carret-right
Message MESSAGES
%div.col-lg-2.col-md-2.action %div.col-lg-2.col-md-2.count
Editer 2 messages
%div.col-lg-8.col-md-8.body.centered %div.body
%div.row#infos %div.row.show-block#infos
%div.header
%div.col-lg-12.col-md-12.title
%div.carret-right
INFORMATIONS ENTREPRISE / ASSOCIATION / INDIVIDU
%div.body
%div.row#dossier %div.row.show-block#dossier
%div.header
%div.col-lg-10.col-md-10.title
%div.carret-right
CONSTRUCTION DU DOSSIER
%div.col-lg-2.col-md-2.action
EDITER
%div.body
%h1#dossier_id.text-info{ :style => 'text-align:right'} %h1#dossier_id.text-info{ :style => 'text-align:right'}
= t('dynamics.dossiers.numéro') + @facade.dossier.id.to_s = t('dynamics.dossiers.numéro') + @facade.dossier.id.to_s