alternative - nav bar not extending entirely to left
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -183,7 +183,7 @@
|
|||||||
<i class="fas fa-clipboard-list"></i> Workouts
|
<i class="fas fa-clipboard-list"></i> 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> Racing
|
<i class="fas fa-flag-checkered"></i> Racing
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user