Permalink
Browse files

ADD Side Nav Menu and fixed Top Bar

  • Loading branch information...
1 parent 41dec85 commit 3864e65f4b631b7aff1a21fe490b60771c416aff @ryanwachtl committed Dec 7, 2013
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -1,2 +1,7 @@
@import "settings";
@import "foundation";
+
+.main {
+ padding-top: 32px;
+ min-height: 320px;
+}
@@ -1 +1 @@
-<%--this template is not used in the Foundation theme--%>
+<%--SideBar.ss is not used in the Foundation theme--%>
@@ -1,5 +1,13 @@
<ul class="side-nav">
- <% loop Menu(1) %>
- <li class="<% if $LinkingMode == current || $LinkingMode == section %>active<% end_if %>"><a href="$Link">$MenuTitle</a></li>
- <% end_loop %>
+ <% if $Parent.Parent %>
+ <% with $Parent.Parent %>
+ <% include SideNavMenuItems %>
+ <% end_with %>
+ <% else_if $Parent %>
+ <% with $Parent %>
+ <% include SideNavMenuItems %>
+ <% end_with %>
+ <% else %>
+ <% include SideNavMenuItems %>
+ <% end_if %>
</ul>
@@ -0,0 +1,9 @@
+<li class="<% if $LinkingMode == "current" || $LinkingMode == "section" %>active<% end_if %>"><a href="$Link">$MenuTitle</a>
+<% if $Children && $Parent %>
+ <ul>
+ <% loop $Children %>
+ <li class="<% if $LinkingMode == "current" || $LinkingMode == "section" %>active<% end_if %>"><a href="$Link">$MenuTitle</a>
+ <% end_loop %>
+ </ul>
+<% end_if %>
+</li>
@@ -0,0 +1,5 @@
+<% include SideNavMenuItem %>
+<li class="divider"></li>
+<% loop $Children %>
+ <% include SideNavMenuItem %>
+<% end_loop %>
@@ -9,18 +9,18 @@
<%-- Left Nav Section --%>
<ul class="left">
<% loop Menu(1) %>
- <li class="<% if $LinkingMode == current || $LinkingMode == section %>active<% end_if %><% if $Children %> has-dropdown<% end_if %>">
+ <li class="<% if $LinkingMode == "current" || $LinkingMode == "section" %>active<% end_if %><% if $Children %> has-dropdown<% end_if %>">
<a href="$Link" title="Go to the $Title.ATT">$MenuTitle</a>
<% if $Children %>
<ul class="dropdown">
<li><label>$MenuTitle</label></li>
<% loop $Children %>
- <li class="<% if $LinkingMode == current || $LinkingMode == section %>active<% end_if %><% if $Children %> has-dropdown<% end_if %>">
+ <li class="<% if $LinkingMode == "current" || $LinkingMode == "section" %>active<% end_if %><% if $Children %> has-dropdown<% end_if %>">
<a href="$Link" title="Go to the $Title.ATT">$MenuTitle</a>
<% if $Children %>
<ul class="dropdown">
<% loop $Children %>
- <li class="<% if $LinkingMode == current || $LinkingMode == section %>active<% end_if %>"><a href="$Link" title="Go to the $Title.ATT">$MenuTitle</a></li>
+ <li class="<% if $LinkingMode == "current" || $LinkingMode == "section" %>active<% end_if %>"><a href="$Link" title="Go to the $Title.ATT">$MenuTitle</a></li>
<% end_loop %>
</ul>
<% end_if %>
@@ -37,7 +37,7 @@
<ul class="right">
<% if $CurrentMember %>
<li class="has-dropdown">
- <a href="admin/myprofile">Hi $CurrentMember.Name</a>
+ <a href="admin/myprofile">Hi $CurrentMember.FirstName</a>
<ul class="dropdown">
<li><a href="admin/">Admin</a></li>
<li><a href="admin/myprofile">My Profile</a></li>
View
@@ -1,11 +1,14 @@
-<div class="large-9 large-push-3 columns">
+<div class="<% if $Children || $Parent %>large-9 large-push-3<% else %>large-12<% end_if %> columns">
<article>
<h2>$Title<h2>
$Content
$Form
</article>
</div>
+<% if $Children || $Parent %><%--Determine if Side Nav should be rendered, you can change this logic--%>
<div class="large-3 large-pull-9 columns">
- <h2>Section<h2>
- <% include SideNav %>
-</div>
+ <div class="panel">
+ <% include SideNav %>
+ </div>
+</div>
+<% end_if %>
View
@@ -21,8 +21,11 @@
<script src="$ThemeDir/bower_components/modernizr/modernizr.js"></script>
</head>
<body class="$ClassName.ATT">
+
<header class="header" role="banner">
- <% include TopBar %>
+ <div class="fixed contain-to-grid">
+ <% include TopBar %>
+ </div>
</header>
<div class="main typography" role="main">

0 comments on commit 3864e65

Please sign in to comment.