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

new design for procedure detail (admin)

Browse source
This commit is contained in:
kara Diaby 2020-07-15 16:59:26 +02:00
parent 9dc542af09
commit b69bc11ae4
5 changed files with 63 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/assets/stylesheets/new_design/buttons.scss
View file

@ -318,13 +318,3 @@
color: $blue;
}
.card-admin-action-btn {
width: 90px;
height: 36px;
border-radius: 30px;
border: solid 1px #BBBBBB;
background: #FFFFFF;
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
}

43
app/assets/stylesheets/new_design/card.scss
View file

@ -62,46 +62,3 @@
margin-bottom: $default-spacer;
}
}
.card-admin-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
grid-gap: 20px;
margin: auto;
margin-bottom: 20px;
}
.card-admin {
padding-top: 10px;
padding-bottom: 10px;
width: 236px;
height: 200px;
border-radius: 4px;
border: solid 1px $border-grey;
text-align: center;
margin: auto;
display: flex;
flex-direction: column;
.card-admin-status-accept {
color: #50AA75;
}
.card-admin-status-todo {
color: #246AC5;
}
.card-admin-title {
font-weight: bold;
font-size: 18px;
margin-bottom: $default-spacer;
}
.card-admin-subtitle {
font-size: 14px;
}
.card-admin-action {
margin-top: auto;
}
}

55
app/assets/stylesheets/new_design/card_admin.scss Normal file
View file

@ -0,0 +1,55 @@
@import "colors";
@import "constants";
.card-admin {
padding-top: 10px;
padding-bottom: 10px;
width: 236px;
height: 200px;
border-radius: 4px;
border: solid 1px $border-grey;
text-align: center;
display: flex;
flex-direction: column;
margin-bottom: 20px;
.card-admin-status-accept {
color: #50AA75;
}
.card-admin-status-todo {
color: #246AC5;
}
.card-admin-title {
font-weight: bold;
font-size: 18px;
margin-bottom: $default-spacer;
}
.card-admin-subtitle {
font-size: 14px;
}
.card-admin-action {
margin-top: auto;
}
.card-admin-action-btn {
width: 90px;
height: 36px;
border-radius: 30px;
border: solid 1px #BBBBBB;
background: #FFFFFF;
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 600px) {
.card-admin {
margin-left: auto;
margin-right: auto;
}
}

6
app/assets/stylesheets/new_design/procedure_grid.scss Normal file
View file

@ -0,0 +1,6 @@
.procedure-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

4
app/views/new_administrateur/procedures/show.html.haml
View file

@ -7,7 +7,7 @@
.container
%h2.explication-libelle{ style: "font-weight: bold; font-size: 20px; margin-bottom: 20px;" } Indispensable avant publication
.card-admin-list
.procedure-grid
.card-admin
%div
%span.icon.accept
@ -79,7 +79,7 @@
= button_to 'Modifier', admin_procedure_groupe_instructeur_path(@procedure, @procedure.defaut_groupe_instructeur), method: :get, class: 'card-admin-action-btn', id: "instructeurs"
%h2.explication-libelle{ style: "font-weight: bold; font-size: 20px; margin-bottom: 20px;" } Pour aller plus loin
.card-admin-list
.procedure-grid
.card-admin
- if @procedure.attestation_template.present?
%div