search

MoveOnOrg / giraffe

MoveOn CSS from 2018 rebrand
1 stars 1 forks source link

Subnavigation comp for "survey"/"events" pages for special campaigns #105

Open schuyler1d opened 6 years ago

schuyler1d commented 6 years ago

E.g. https://www.resistancerecess.com/survey/aug-resistance-recess-materials/? You can see "Recess Events", "Materials", and "Press" are in sub-navigation for this micro-site .... thing.

Can we comp up what subnavigation would look like when we need it?

Related to this code for @mstephani https://github.com/MoveOnOrg/ak-template-set/pull/408/files#r175889433

hi0ctane commented 6 years ago

So the first here is the subnav specific to the Resistance Pages. The active tab is bigger than the other others. For this page I used the yellow in the logo for the background of the active tab. If that wont work and you need a generic design to go across multiple pages go for the blue! :) Ive attached examples of both.

The Press link is an example of how the tab should look in its hover state.

resistance specific: resistance_tab_design

generic tabs: generic_tab_design

cc: @schuyler1d @mstephani

mstephani commented 6 years ago

Hi @hi0ctane ,

What I actually need is a comp showing how the subnav should look on the new layout, here: https://act.moveon.org/survey/maxtest-survey/

Maybe something like this: https://www.evernote.com/l/AdD2rLkP_nNEB51iI_G9l5qqJkeWxjWWBIM

I hope I'm not missing something here :)

hi0ctane commented 6 years ago

Oh I see @mstephani . There are two different types of subnavs here. The dropdown you're referencing is apart of the menu at the top, but the subnav for the microsites that @schuyler1d referenced are actually tabs (separate from the menu) inside of the content of the page.

The dropdown for the survey page should match the rest of the site, so what is currently built works fine. These comps are for the microsite that has the tabs.