Implementation feedback: Navigation

[ta-lind]

Hi,
I'll keep these issues specific to each case. Starting from the top then:

1. The logo and navigation should vertically align with the content. First thing logo to the left, search bar being something trickier can either follow the grid or simply stay in the middle.

2. Search field text:
   Font: Source Sans Pro, Regular
   Color: #5a6d81
   Size: 13 px

• Centered to field
• Hides when clicked upon
• Type text begins aligned to left (next to icon)

3. Page names and dropdown (Blocks, Status, mDCR/DCR)
   Color: #ffffff
   Hover: Can stay as it is
   Selected/Activated: Box background #132f4b

Design documentation for reference: https://www.notion.so/eeter/mainnet-decred-org-29098479211a49b0ae1fa3ec55b83537

[YSTomar]

Hello,

I am going to start work on this ticket, Please let me know if there is any conflict in it.

[YSTomar]

Hi @linnutee, there is some confliction in the description of ticket and screenshot for the point#3

I assusme for Page names (navigation) you are talking about connection and height

Please clear me if I am in the wrong direction, Also as per the screenshot there are more changes required, As needed to change table color, about section background color etc.

If needed to work on that also then please create a ticket for that.

[ta-lind]

Excuse me, that one wasn't super clear.
I meant by page names: "Status, Blocks and also DCR/mDCR dropdown" which are currently with yellow.

[ta-lind]

Anyhow thanks for taking these on! I'll be posting more tickets soon and keeping them small and specific to a task.

You can also get familiar how it should be going towards at: https://www.notion.so/eeter/mainnet-decred-org-29098479211a49b0ae1fa3ec55b83537

And here's an initial front-end package that was done a while back. This stuff is partially implemented at the moment and isn't ideal anymore but still a good reference I hope:
dcr mainnet.zip

[YSTomar]

Hi @linnutee, I had updated the PR, Please review it and revert on same.