Opened 4 years ago

Last modified 6 months ago

#4270 closed change

Implement Navigation/Header/Footer/Initial Styles — at Version 3

Reported by: saroyanm Assignee:
Priority: P2 Milestone:
Module: Websites Keywords:
Cc: athornburgh Blocked By:
Blocking: #4263 Platform: Unknown / Cross platform
Ready: yes Confidential: no
Tester: Unknown Verified working: no
Review URL(s):

https://codereview.adblockplus.org/29350476/

Description (last modified by saroyanm)

Background

As mentioned in #4263 we are planing to launch new website for Acceptable Ads.
We need to have initial/Default template in place with basic setup.

What to change

Use [current] design guide to implement Responsive Navigation bar, header and footer:

  • Navigation bar
    • Should contain nested items, which are expanded and highlighted according to the page user visit, as shown in the styleguide above and should be fully expanded in "no script" case.
      • [expanded icon]
      • [collapsed icon]
    • On small screens navigation bar should be "hidden" in hamburger menu as shown in [current] style guide and visible in "no script" case.
    • should have language selector as show in the [style guide] which should switch the language of the page according to the selected language 2 letter code, this should be standard HTML select element so we can provide all accessibility standard features.
    • [Contact icon] [functionality to be defined]
  • Header
    • Contains [Acceptable Ads logo] which always should link to the homepage
    • Next to the block with logo should be another block that contain text "AcceptableAds" as shown in the design.
  • Footer
    • [to be defined]
  • Implement general styles that are defined in [current style guide]

Note

Final design of the standard HTML elements that are tricky to design, but important to use because of accessibility reasons needs to be aligned with Christiane during the development.

Change History (3)

comment:1 Changed 4 years ago by saroyanm

  • Description modified (diff)

comment:2 Changed 4 years ago by saroyanm

  • Description modified (diff)

comment:3 Changed 4 years ago by saroyanm

  • Description modified (diff)
Note: See TracTickets for help on using tickets.