use backoffice-header in views

This commit is contained in:
Mathieu Magnin 2017-07-18 15:12:55 +02:00
parent c0eeec82c4
commit 9aac9ba7cd
3 changed files with 62 additions and 70 deletions

View file

@ -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;
}
}
}

View file

@ -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", "#"

View file

@ -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'