Skip to content
This repository has been archived by the owner on Jan 9, 2023. It is now read-only.

App nav redesign phase 1 #108

Merged
merged 54 commits into from
Jul 8, 2015
Merged

App nav redesign phase 1 #108

merged 54 commits into from
Jul 8, 2015

Conversation

jglovier
Copy link
Member

This pull redesigns the application navigational paradigm as described in #103, moving from a separate screen based nav, to a constantly visible/accessible sidebar nav.

Will post screenshots here as development progresses.

TODO

  • redesign loading notice
  • reposition sign in screen for sidebar menu
  • move index/dashboard nav items into sidebar
  • setup JS interactions to reveal sub-items on click (@tangollama ✨)
  • CSS clean up
    • remove unused styles
    • separate out styles into partials, SMACSS styles

@jglovier jglovier self-assigned this May 28, 2015
'The international telephone dialing code for Antarctica is 672.',
'Camels chew in a figure 8 pattern.',
'A shark is the only fish that can blink with both eyes.'
]
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jkleinsc I 🔥 these because the felt distracting, and are generally visible too short of a time to be useful/interesting.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually in the Philippines with a large data set, some screens need something like this because some screens take a while to load. We should be able to address the performance issues and I guess I am fine with removing these.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually in the Philippines with a large data set, some screens need something like this because some screens take a while to load.

Okay, well if that's the case, I understand why they were there, but still think having something generic (like the loading animation) is more appropriate.

Joel Glovier added 7 commits May 28, 2015 17:06
@jkleinsc I’m running into an issue where the category I put into the
sidebar isn’t rendering there. Is that expected? What do I need to
modify to make it render in the new location (navigation.hbs)?
@jglovier
Copy link
Member Author

Summary of visual changes so far:

App loading notice

Redesigned the loading notice to be a bit more subtle, and less distracting:

img

Started setting up the sidebar nav

img

Repositioned the sign in dialog

img


Currently blocked on getting the primary category nav items into the sidebar from the index. They don't render there as is. More on that in this commit.

@jglovier
Copy link
Member Author

jglovier commented Jun 9, 2015

Since i haven't posted a screencap lately, here's few of the latest. The layout is getting pretty close, just need to spend some time addressing the form styles, and the sidebar collapsed styling.

Loading

screen shot 2015-06-09 at 10 16 15 am

Login

screen shot 2015-06-09 at 10 16 18 am

Dashboard

screen shot 2015-06-09 at 10 16 24 am

View category

screen shot 2015-06-09 at 10 16 31 am

@jglovier
Copy link
Member Author

jglovier commented Jul 6, 2015

I merged in master and resolved conflicts, but I'd like to get this branch merged in 🔜 so it doesn't get to big/divergent from master.

@tangollama any update on the nav functionality?

@jglovier
Copy link
Member Author

jglovier commented Jul 7, 2015

@jkleinsc @tangollama so any idea why the nav still doesn't show up when you initially login, and how we can resolve that? I have to refresh the page to get it to appear once logged in.

Would you prefer we get that fixed in this branch, or get this merged into master and fix in a new branch?

@jglovier jglovier changed the title App nav redesign [WIP] App nav redesign phase 1 Jul 7, 2015
tangollama and others added 3 commits July 7, 2015 23:19
One element opens at a time. Note that I don’t think this is going to
function properly for direct links. Unsure.
@jglovier
Copy link
Member Author

jglovier commented Jul 8, 2015

Okay, merging this in for benefit of scope and so this pull doesn't get too big.

jglovier pushed a commit that referenced this pull request Jul 8, 2015
@jglovier jglovier merged commit e3f9c1a into master Jul 8, 2015
@jglovier jglovier deleted the jglovier-nav-ux-changes branch July 8, 2015 13:31
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants