Private
Public Access
1
0

nav bar extend to left

This commit is contained in:
Sander Roosendaal
2018-09-27 09:49:36 +02:00
parent f998031776
commit 41e1870d73
2 changed files with 21 additions and 9 deletions

View File

@@ -292,10 +292,16 @@
grid-area: nav; grid-area: nav;
background: #1c75bc; background: #1c75bc;
} }
.side-nav {
grid-area: side-nav;
background: #1c75bc;
}
.side { .side {
grid-area: sidebar; grid-area: sidebar;
background: #35383d; background: #35383d;
border-top: 1px solid #dddddd; /* border-top: 1px solid #dddddd; */
padding: 0; padding: 0;
} }
@@ -358,7 +364,8 @@
grid-template-areas: grid-template-areas:
"header header" "header header"
"user user" "user user"
"side-header nav" "side-nav nav"
"side-header content"
"sidebar content" "sidebar content"
"ad footer"; "ad footer";
} }
@@ -384,7 +391,8 @@
grid-template-columns: 1fr 4fr 1fr; grid-template-columns: 1fr 4fr 1fr;
grid-template-areas: grid-template-areas:
"header header user" "header header user"
"side-header nav nav" "side-nav nav nav"
"side-header content content"
"sidebar content content" "sidebar content content"
"sidebar content content" "sidebar content content"
"sidebar footer footer" "sidebar footer footer"

View File

@@ -131,7 +131,7 @@
<li> <li>
<a href="/" title="Home"> <a href="/" title="Home">
<img src="/static/img/logo7.png" <img src="/static/img/logo7.png"
alt="Rowsandall logo" width="300px"> alt="Rowsandall logo" width="200px">
</a> </a>
</li> </li>
<li> <li>
@@ -182,6 +182,10 @@
</ul> </ul>
</user> </user>
<side-nav class="side-nav">
&nbsp;
</side-nav>
<nav class="main-nav"> <nav class="main-nav">
<ul> <ul>
<li id="nav-workouts"> <li id="nav-workouts">