search

fecgov / fecfile-web-app

Other
7 stars 4 forks source link

UI: Top Navigation Update #2159

Open exalate-issue-sync[bot] opened 3 weeks ago

exalate-issue-sync[bot] commented 3 weeks ago

As the UX Principal, I would like the top navigation redesigned so it is easier for users to know they are using FECFile, an FEC application.

Task:

  1. Make sure the top navigation is 80 pixels high
  2. with a 2-pixel bottom border with a hex code of #E8E8E8
  3. make sure is runs full width
  4. and Make sure the blue left nav rest below the updated top nav
  5. Remove the words “FECFile Federal Election Commission” from the left nav
  6. Hamburger Menu Appears on MD and SM page breaks
  7. make sure there are 32 px between the e8e8e8 bottom border and the Candycane lane

QA Notes

null

DEV Notes

null

Design

h2. Wireframes

Current state

!Screenshot 2024-09-04 at 1.53.08 PM.png|width=1782,height=682,alt="Screenshot 2024-09-04 at 1.53.08 PM.png"!

Page Break: XXL 1400 or Larger

1920px

!1400 or Larger - 1920.png|width=1920,height=144,alt="1400 or Larger - 1920.png"!

1400px

!1400 or Larger – 1400.png|width=1400,height=144,alt="1400 or Larger – 1400.png"!

Page Break: XL larger than 1200

1399px

!1200 to 1399 – 1399.png|width=1399,height=144,alt="1200 to 1399 – 1399.png"!

1200px

!1200 to 1399 – 1200.png|width=1200,height=144,alt="1200 to 1399 – 1200.png"!

Page Break: LG larger than 992

h4. 1199px

!992 to 1199 – 1199.png|width=1200,height=144,alt="992 to 1199 – 1199.png"!

h4. 992px

!992 to 1199 – 992.png|width=992,height=144,alt="992 to 1199 – 992.png"!

h3. Page Break: MD larger than 768

h4. 991px

!768 to 991 – 991.png|width=991,height=144,alt="768 to 991 – 991.png"!

h4. 768px

!768 to 991 – 768.png|width=768,height=144,alt="768 to 991 – 768.png"!

h3. Page Break: SM larger than 576

h4. 767px

!576 to 767 – 767.png|width=767,height=144,alt="576 to 767 – 767.png"!

h4. 576px

!576 to 767 – 576.png|width=576,height=144,alt="576 to 767 – 576.png"!

h3. With Left Nav

!1400xxl – 17.png|width=1400,height=732,alt="1400xxl – 17.png"!

See full ticket and images here: FECFILE-1568

exalate-issue-sync[bot] commented 3 weeks ago

[~accountid:712020:3243085d-540a-4657-ad08-d891487882d0] [~accountid:61b0b42cd5986c006a9e1c94] [~accountid:5b93ddba73130a2b8c662e23]

Pls Review

exalate-issue-sync[bot] commented 2 weeks ago

akhorsand commented: [~accountid:61b0b42cc510bc006b5c03ed] this already has points on it. Was there a follow-up needed following refinement before it could move to ASA?