Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Build side nav template layout and logic #9

Open
afred opened this issue Aug 14, 2019 · 0 comments
Open

Build side nav template layout and logic #9

afred opened this issue Aug 14, 2019 · 0 comments
Labels
front end Dealing with how the generated site looks and behaves

Comments

@afred
Copy link
Member

afred commented Aug 14, 2019

Background

The default layout will have a navigation menu on the left side. (Pages without a nav menu will use a layout other than default).

The template for the menu (i.e. _includes/side_nav.html) will be responsible for rendering a tree of menu data.

Consider using a recursive template to handle arbitrarily deep trees, because we haven't yet decided on what to limit the nav menu tree depth to, if anything.

Done when

  • The default layout includes rendering a navigation menu on the left side.
  • The _includes/side_nav.html template renders a tree of menu data.
  • Style is added to _sass/side_nav.scss to set the following properties (at least):
    • position -- left of main content, below header, above footer
    • width -- side nav should be a consistent width for any given breakpoint. Width should not depend on the content within the nav menu.
    • List style - remove any list style if using <ul>...</ul>
    • Link style - be consistent with site-wide style for color, font, weight, background, text-decoration, and :hover
@afred afred added the front end Dealing with how the generated site looks and behaves label Aug 14, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
front end Dealing with how the generated site looks and behaves
Projects
None yet
Development

No branches or pull requests

1 participant