Private
Public Access
1
0

alternative - nav bar not extending entirely to left

This commit is contained in:
Sander Roosendaal
2018-09-26 15:46:19 +02:00
parent b2d8f0ff2c
commit 2e9ffe6660
2 changed files with 16 additions and 6 deletions

View File

@@ -14,8 +14,7 @@
} }
.wrapper nav { .wrapper nav {
padding-top: 0; padding: 0;
padding-bottom: 0;
} }
a { a {
@@ -30,6 +29,8 @@
justify-content: space-between; justify-content: space-between;
} }
footer ul { footer ul {
list-style: none; list-style: none;
display: flex; display: flex;
@@ -241,6 +242,10 @@
padding: 0.2em; padding: 0.2em;
} }
nav a {
margin: 1em;
}
nav a, nav a,
nav a i { nav a i {
color: white; color: white;
@@ -253,6 +258,11 @@
background: white; background: white;
} }
nav li.selected {
color: #1c75bc;
background: white;
}
.nav-active, .nav-active,
.nav-active a, .nav-active a,
.nav-active a i { .nav-active a i {
@@ -326,7 +336,7 @@
grid-template-areas: grid-template-areas:
"header header" "header header"
"user user" "user user"
"nav nav" "sidebar nav"
"sidebar content" "sidebar content"
"ad footer"; "ad footer";
} }
@@ -352,7 +362,7 @@
grid-template-columns: 1fr 4fr 1fr; grid-template-columns: 1fr 4fr 1fr;
grid-template-areas: grid-template-areas:
"header header user" "header header user"
"nav nav nav" "sidebar nav nav"
"sidebar content content" "sidebar content content"
"sidebar content content" "sidebar content content"
"sidebar footer footer" "sidebar footer footer"

View File

@@ -183,7 +183,7 @@
<i class="fas fa-clipboard-list"></i>&nbsp;Workouts <i class="fas fa-clipboard-list"></i>&nbsp;Workouts
</a> </a>
</li> </li>
<li class="nav-active"> <li>
<a href="/rowers/new_racing"> <a href="/rowers/new_racing">
<i class="fas fa-flag-checkered"></i>&nbsp;Racing <i class="fas fa-flag-checkered"></i>&nbsp;Racing
</a> </a>