Add left menu in navbar
This commit is contained in:
parent
bc4e961200
commit
29b201ad00
2 changed files with 32 additions and 3 deletions
|
@ -17,7 +17,29 @@
|
|||
@extend %page-width-container;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: 17px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
display: inline-block;
|
||||
margin-right: 4 * $default-spacer;
|
||||
}
|
||||
|
||||
.header-left-menu {
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
@include vertical-padding(23px);
|
||||
font-size: 18px;
|
||||
color: $black;
|
||||
|
||||
&.active {
|
||||
color: $blue;
|
||||
border-bottom: 2px solid $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-right-content {
|
||||
|
|
|
@ -1,7 +1,14 @@
|
|||
.new-header{ class: current_page?(root_path) ? nil : "new-header-with-border" }
|
||||
.header-inner-content
|
||||
= link_to root_path do
|
||||
%img{ src: image_url("header/logo-tps.svg") }
|
||||
|
||||
.flex.align-center
|
||||
= link_to root_path, class: "header-logo" do
|
||||
%img{ src: image_url("header/logo-tps.svg") }
|
||||
|
||||
- if gestionnaire_signed_in?
|
||||
%ul.header-left-menu
|
||||
%li
|
||||
= link_to "Procédures", procedures_path, class: "active"
|
||||
|
||||
%ul.header-right-content
|
||||
- if gestionnaire_signed_in?
|
||||
|
|
Loading…
Reference in a new issue