Commit cc2b9190 authored by cynddl's avatar cynddl

Improve UX for frontend navigation

parent 5f1da46d
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<div class="col-md-6 offset-md-1"> <div class="col-md-6 offset-md-1">
<p>La revue de presse recense les articles de presse relatifs aux sujets de <p>La revue de presse recense les articles de presse relatifs aux sujets de
la Quadrature. Elle est compilée chaque jour par ses bénévoles, à partir de la Quadrature. Elle est compilée chaque jour par ses bénévoles, à partir de
la presse francophone et internationale.</p> la presse francophone et internationale. Bonne lecture !</p>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
</div> </div>
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#"> <a class="nav-link active" href="#">
<span class="fa-stack fa-md"> <span class="fa-stack fa-md">
<i class="fa fa-circle-thin fa-stack-2x"></i> <i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-map-marker fa-stack-1x"></i> <i class="fa fa-map-marker fa-stack-1x color-white"></i>
</span> </span>
Presse francophone Presse francophone
</a> </a>
...@@ -44,20 +44,14 @@ ...@@ -44,20 +44,14 @@
<li class="nav-item ml-auto"> <li class="nav-item ml-auto">
<a class="nav-link disabled" href="#"> <a class="nav-link disabled" href="#">
<span class="fa-stack fa-md"> <i class="fa fa-search"></i>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-search fa-stack-1x"></i>
</span>
Rechercher Rechercher
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link disabled" href="#"> <a class="nav-link disabled" href="#">
<span class="fa-stack fa-md"> <i class="fa fa-tags"></i>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-tags fa-stack-1x"></i>
</span>
Tags Tags
</a> </a>
</li> </li>
......
...@@ -4,6 +4,11 @@ ...@@ -4,6 +4,11 @@
@custom-selector :--navbar-blue .navbar.dark-blue-bg, .navbar.medium-blue-bg; @custom-selector :--navbar-blue .navbar.dark-blue-bg, .navbar.medium-blue-bg;
.nav {
align-items: center;
}
.navbar-sm { .navbar-sm {
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 600;
......
...@@ -38,3 +38,7 @@ ...@@ -38,3 +38,7 @@
.light-blue-bg a, .medium-blue-bg a { .light-blue-bg a, .medium-blue-bg a {
color: var(--color-dark-blue); color: var(--color-dark-blue);
} }
.color-white {
color: var(--color-white);
}
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