use backoffice-header in views
This commit is contained in:
parent
c0eeec82c4
commit
9aac9ba7cd
3 changed files with 62 additions and 70 deletions
|
@ -3,72 +3,63 @@
|
|||
@import "constants";
|
||||
|
||||
#procedure-show {
|
||||
.header {
|
||||
background-color: $light-grey;
|
||||
padding-top: $default-padding;
|
||||
.procedure-logo {
|
||||
margin-right: $default-padding;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
}
|
||||
h1 {
|
||||
color: $black;
|
||||
font-size: 22px;
|
||||
margin-bottom: 2 * $default-padding;
|
||||
}
|
||||
|
||||
.procedure-logo {
|
||||
margin-right: $default-padding;
|
||||
}
|
||||
.dossiers-categories {
|
||||
li {
|
||||
display: inline-block;
|
||||
height: 56px;
|
||||
width: 130px;
|
||||
line-height: 17px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
|
||||
h1 {
|
||||
color: $black;
|
||||
font-size: 22px;
|
||||
margin-bottom: 2 * $default-padding;
|
||||
}
|
||||
a {
|
||||
color: $black;
|
||||
}
|
||||
|
||||
.dossiers-categories {
|
||||
li {
|
||||
display: inline-block;
|
||||
height: 56px;
|
||||
width: 130px;
|
||||
line-height: 17px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
&::before,
|
||||
&:last-child::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 36px;
|
||||
width: 1px;
|
||||
background-color: $border-grey;
|
||||
margin-right: $default-padding;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
&:last-child::after {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-bottom: 2px solid $blue;
|
||||
|
||||
a {
|
||||
color: $black;
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
&::before,
|
||||
&:last-child::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 36px;
|
||||
width: 1px;
|
||||
background-color: $border-grey;
|
||||
margin-right: $default-padding;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
&:last-child::after {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-bottom: 2px solid $blue;
|
||||
|
||||
a {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
.dossiers-count {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dossiers-count {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,10 +1,11 @@
|
|||
.container
|
||||
%ul.tabs
|
||||
%li
|
||||
= link_to "Demande", "#", class: ("selected" if request.path == dossier_path(dossier.procedure, dossier))
|
||||
%li
|
||||
= link_to "Instruction", "#"
|
||||
%li
|
||||
= link_to "Messagerie", "#"
|
||||
%li
|
||||
= link_to "Historique", "#"
|
||||
.backoffice-header
|
||||
.container
|
||||
%ul.tabs
|
||||
%li
|
||||
= link_to "Demande", "#", class: ("selected" if current_page?(dossier_path(dossier.procedure, dossier)))
|
||||
%li
|
||||
= link_to "Instruction", "#"
|
||||
%li
|
||||
= link_to "Messagerie", "#"
|
||||
%li
|
||||
= link_to "Historique", "#"
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
#procedure-show
|
||||
.header
|
||||
.container
|
||||
.backoffice-header
|
||||
.container.flex
|
||||
- if @procedure.logo.present?
|
||||
= image_tag @procedure.logo, height: 40, class: 'procedure-logo'
|
||||
|
||||
|
|
Loading…
Reference in a new issue