Need to anime accordeon, and check if width + margin % is the solution
This commit is contained in:
parent
750d81e70b
commit
de9753ae69
2 changed files with 51 additions and 19 deletions
|
@ -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 {
|
||||
}
|
||||
|
|
|
@ -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.col-lg-10.col-md-10.title
|
||||
Message
|
||||
%div.col-lg-2.col-md-2.action
|
||||
Editer
|
||||
%div.col-lg-8.col-md-8.body.centered
|
||||
%div.row.show-block#messages
|
||||
%div.header
|
||||
%div.col-lg-10.col-md-10.title
|
||||
%div.carret-right
|
||||
MESSAGES
|
||||
%div.col-lg-2.col-md-2.count
|
||||
2 messages
|
||||
%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'}
|
||||
= t('dynamics.dossiers.numéro') + @facade.dossier.id.to_s
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue