Opened 4 years ago

Last modified 6 months ago

#4270 closed change

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

Reported by: saroyanm Assignee: juliandoucette
Priority: P2 Milestone:
Module: Websites Keywords:
Cc: athornburgh Blocked By:
Blocking: #4263, #4271 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, 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
  • 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 (16)

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)

comment:4 Changed 4 years ago by saroyanm

  • Sensitive set

comment:5 Changed 4 years ago by saroyanm

  • Blocking 4271 added

comment:6 Changed 4 years ago by saroyanm

  • Blocking 4272 added

comment:7 Changed 4 years ago by saroyanm

  • Component changed from Unknown to Websites

comment:8 Changed 4 years ago by juliandoucette

  • Blocking 4272 removed
  • Component changed from Websites to Unknown
  • Owner set to juliandoucette

comment:9 Changed 4 years ago by saroyanm

  • Component changed from Unknown to Websites

Was there a reason behind changing the component ?
Also please note that the ticket is not final, so the implementation details can be changed.

comment:10 Changed 4 years ago by juliandoucette

I intended to assign the issue to myself. The rest was accidental.

comment:11 Changed 4 years ago by saroyanm

  • Description modified (diff)

Changed 4 years ago by saroyanm

General style guide

Changed 4 years ago by saroyanm

Mobile menu style guide

Changed 4 years ago by saroyanm

Homepage Tablet view (768px)

Changed 4 years ago by saroyanm

Homepage mobile view

Changed 4 years ago by saroyanm

Desktop styleguide pages

Note: See TracTickets for help on using tickets.