Browse Source

Add active style to navbar

pull/4/head
Sebastian Gutierrez 5 years ago
parent
commit
9fafdb0d46
3 changed files with 4 additions and 4 deletions
  1. +1
    -1
      public/GraphGenerator.html
  2. +1
    -1
      public/about.html
  3. +2
    -2
      public/style.css

+ 1
- 1
public/GraphGenerator.html View File

@ -25,7 +25,7 @@
</button> </button>
<div id="main-menu" class="collapse navbar-collapse"> <div id="main-menu" class="collapse navbar-collapse">
<ul class="navbar-nav flex-fill justify-content-end"> <ul class="navbar-nav flex-fill justify-content-end">
<li class="nav-item">
<li class="nav-item active">
<a class="nav-link" href="./GraphGenerator.html">Generate graphs</a> <a class="nav-link" href="./GraphGenerator.html">Generate graphs</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">

+ 1
- 1
public/about.html View File

@ -24,7 +24,7 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a> <a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a>
</li> </li>
<li class="nav-item">
<li class="nav-item active">
<a class="nav-link" href="./about.html">About</a> <a class="nav-link" href="./about.html">About</a>
</li> </li>
</ul> </ul>

+ 2
- 2
public/style.css View File

@ -33,8 +33,8 @@ body {
border-color: var(--dark-2); border-color: var(--dark-2);
} }
.navbar-dark .navbar-nav .nav-link {
color: var(--white);
.navbar-dark .navbar-nav .nav-item.active .nav-link {
font-weight: 600;
} }

Loading…
Cancel
Save