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

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

View file

@ -1,24 +1,44 @@
#backoffice_dossier_show {
font-family: Arial;
margin-top: 40px;
text-align:center;
.centered {
display:inline-block;
float:none;
.show-block {
width: 840px;
margin-left: 10%;
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 {
background-color: #003C92;
height: 30px;
.title {
height: 40px;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
.title, .action, .count {
height: 100%;
line-height: 40px;
padding: 0px;
}
.action {
background-color: #E45B51;
text-align: center;
}
.count {
font-size: 16px;
text-align: center;
}
}
.body {
background-color: #FFFFFF;
height: 300px;
margin-bottom: 40px;
height: 100px;
}
#message {
}

View file

@ -1,17 +1,29 @@
%div.col-lg-12.col-md-12#backoffice_dossier_show
%div.row#messages
%div.col-lg-8.col-md-8.header.centered
%div.row
%div.row.show-block#messages
%div.header
%div.col-lg-10.col-md-10.title
Message
%div.carret-right
MESSAGES
%div.col-lg-2.col-md-2.count
2 messages
%div.body
%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.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.col-lg-8.col-md-8.body.centered
%div.row#infos
%div.row#dossier
EDITER
%div.body
%h1#dossier_id.text-info{ :style => 'text-align:right'}
= t('dynamics.dossiers.numéro') + @facade.dossier.id.to_s