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) {
transition: all 0.4s;
}
#nav-title {
font-size: 1em;
margin-bottom:1rem;
margin-top:1rem;
}
.nav-link {
min-width : 14rem;
width: 14rem;
font-size: 16px;
padding: .5rem 3rem;
}
.nav-link > img {
margin-right: 10px;
.nav-icon {
padding-right:.4rem;
padding-bottom: .3rem;
}
/* Page content stylesheet */
......@@ -261,6 +269,6 @@ dl:nth-child(even) {
}
.page-title {
margin-bottom : 3rem;
padding-bottom : 3rem;
font-variant: small-caps;
}
\ No newline at end of file
......@@ -5,39 +5,57 @@
<div class="vertical-nav bg-light" id="sidebar">
<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>
<a href="." class="nav-link text-dark"></a>
<a href="." id="nav-title" class="nav-link text-dark"></a>
</h1>
</li>
<li class="nav-item">
<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>
</li>
<li class="nav-item">
<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>
</li>
<li class="nav-item">
<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>
</li>
<li class="nav-item">
<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>
</li>
<li class="nav-item">
<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>
</li>
<li class="nav-item">
<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>
</li>
<!--
......
<rules>
<h2 class="page-title">Règles de gestion</h2>
<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 nationales" namespace="règles nationales"></rules-menu>
<rules-menu title="Règles des organismes paritaires" namespace="organisme paritaire"></rules-menu>
......
<scenarios>
<h2 class="page-title">Scénarios</h2>
<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>
</ul>
<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