Commit 48ae921e authored by Lucas Détré's avatar Lucas Détré

adjusting navigation links and page titles

parent 8aa706aa
...@@ -242,14 +242,22 @@ dl:nth-child(even) { ...@@ -242,14 +242,22 @@ dl:nth-child(even) {
transition: all 0.4s; transition: all 0.4s;
} }
#nav-title {
font-size: 1em;
margin-bottom:1rem;
margin-top:1rem;
}
.nav-link { .nav-link {
min-width : 14rem; min-width : 14rem;
width: 14rem; width: 14rem;
font-size: 16px; font-size: 16px;
padding: .5rem 3rem;
} }
.nav-link > img { .nav-icon {
margin-right: 10px; padding-right:.4rem;
padding-bottom: .3rem;
} }
/* Page content stylesheet */ /* Page content stylesheet */
...@@ -261,6 +269,6 @@ dl:nth-child(even) { ...@@ -261,6 +269,6 @@ dl:nth-child(even) {
} }
.page-title { .page-title {
margin-bottom : 3rem; padding-bottom : 3rem;
font-variant: small-caps; font-variant: small-caps;
} }
\ No newline at end of file
...@@ -5,39 +5,57 @@ ...@@ -5,39 +5,57 @@
<div class="vertical-nav bg-light" id="sidebar"> <div class="vertical-nav bg-light" id="sidebar">
<ul class="nav flex-column bg-light mb-0"> <ul class="nav flex-column bg-light mb-0">
<li class="nav-item bg-light" style="margin-bottom:4em"> <li class="nav-item bg-light">
<h1> <h1>
<a href="." class="nav-link text-dark"></a> <a href="." id="nav-title" class="nav-link text-dark"></a>
</h1> </h1>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<h4> <h4>
<a href="." class="{selected: window.location.hash.startsWith('')} nav-link text-dark bg-light"><img src="/explorer/images/Icone_Home.svg" width="18" height="18" class="d-inline-block" alt=""> Accueil</a> <a href="." class="{selected: window.location.hash.startsWith('')} nav-link text-dark bg-light">
<img src="/explorer/images/Icone_Home.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Accueil
</a>
</h4> </h4>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<h4> <h4>
<a href="#rules" class="{selected: window.location.hash.startsWith('#rules')} nav-link text-dark bg-light"><img src="/explorer/images/Icone_Referentiel.svg" width="18" height="18" class="d-inline-block" alt=""> Référentiel</a> <a href="#rules" class="{selected: window.location.hash.startsWith('#rules')} nav-link text-dark bg-light">
<img src="/explorer/images/Icone_Referentiel.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Référentiel
</a>
</h4> </h4>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<h4> <h4>
<a href="#financements" class="{selected: window.location.hash.startsWith('#financements')} nav-link bg-light"><img src="/explorer/images/Icone_Financement.svg" width="18" height="18" class="d-inline-block" alt=""> Financements</a> <a href="#financements" class="{selected: window.location.hash.startsWith('#financements')} nav-link bg-light">
<img src="/explorer/images/Icone_Financement.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Financements
</a>
</h4> </h4>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<h4> <h4>
<a href="#simulate" class="{selected: window.location.hash.startsWith('#simulate')} nav-link text-dark bg-light"><img src="/explorer/images/Icone_Simulateur.svg" width="18" height="18" class="d-inline-block" alt=""> Simulateur</a> <a href="#simulate" class="{selected: window.location.hash.startsWith('#simulate')} nav-link text-dark bg-light">
<img src="/explorer/images/Icone_Simulateur.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Simulateur
</a>
</h4> </h4>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<h4> <h4>
<a href="#scenarios" class="{selected: window.location.hash.startsWith('#scenarios')} nav-link text-dark bg-light"><img src="/explorer/images/Icone_Scenarios.svg" width="18" height="18" class="d-inline-block" alt=""> Scénarios</a> <a href="#scenarios" class="{selected: window.location.hash.startsWith('#scenarios')} nav-link text-dark bg-light">
<img src="/explorer/images/Icone_Scenarios.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Scénarios
</a>
</h4> </h4>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<h4> <h4>
<b href="#tools" class="{selected: window.location.hash.startsWith('#tools')} nav-link text-dark bg-light"><img src="/explorer/images/Icone_Outils.svg" width="18" height="18" class="d-inline-block" alt=""> Outils</a> <a href="#tools" class="{selected: window.location.hash.startsWith('#tools')} nav-link text-dark bg-light">
<img src="/explorer/images/Icone_Outils.svg" width="23" height="23" class="d-inline-block nav-icon" alt="">
Outils
</a>
</h4> </h4>
</li> </li>
<!-- <!--
......
<rules> <rules>
<h2 class="page-title">Règles de gestion</h2>
<aside> <aside>
<h2 class="page-title">Règles de gestion</h2>
<rules-menu title="Règles régionales" namespace="région"></rules-menu> <rules-menu title="Règles régionales" namespace="région"></rules-menu>
<rules-menu title="Règles nationales" namespace="règles nationales"></rules-menu> <rules-menu title="Règles nationales" namespace="règles nationales"></rules-menu>
<rules-menu title="Règles des organismes paritaires" namespace="organisme paritaire"></rules-menu> <rules-menu title="Règles des organismes paritaires" namespace="organisme paritaire"></rules-menu>
......
<scenarios> <scenarios>
<h2 class="page-title">Scénarios</h2>
<ul> <ul>
<h2 class="page-title">Scénarios</h2>
<li each={ filter in this.filters }><a href="#" onclick={ this.toggle } class='{ on: this.selected_filters && (this.selected_filters.indexOf(filter) != -1) }' title={ filter }>{ filter }</a></li> <li each={ filter in this.filters }><a href="#" onclick={ this.toggle } class='{ on: this.selected_filters && (this.selected_filters.indexOf(filter) != -1) }' title={ filter }>{ filter }</a></li>
</ul> </ul>
<div if={ this.selected_filters.length && this.active.length }> <div if={ this.selected_filters.length && this.active.length }>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment