hlxsites / takeda-ihs

Apache License 2.0
0 stars 3 forks source link

Top Nav Style Changes #161

Closed OcmCollins closed 7 months ago

OcmCollins commented 8 months ago

The nav elements in the new design are aligned to the center instead if to the right. And there is the addition of a contact us button.

new top nav

Screenshot 2024-01-21 at 6 44 37 PM

old top nav

Screenshot 2024-01-21 at 6 45 29 PM

The mobile view designs nee

Screenshot 2024-01-21 at 6 40 45 PM

Also there is no down arrow in the new designs so that has to be removed. The mobile view designs need some changes, there is an hr below each top level heading and the sub menu items are indented.

Screenshot 2024-01-21 at 6 41 02 PM

In mobile view the TOC links, which are the sub nav to the page sections is hidden.

Screenshot 2024-01-21 at 6 47 37 PM Screenshot 2024-01-21 at 6 40 11 PM

More details to come, we don't have the final design package

rrrragas commented 8 months ago

@OcmCollins made some changes in the existing header block as per the new designs mentioned above.

https://161-top-nav-style-changes--takeda-ihs--hlxsites.hlx.page/

the updated doc would look like this - https://mytakeda.sharepoint.com/:w:/r/sites/Takeda-Adobe-Franklin/_layouts/15/Doc.aspx?sourcedoc=%7BD0F50C15-6646-46B5-9540-622C62B38EBB%7D&file=nav.docx&action=default&mobileredirect=true

Please take a look and let me know if we can proceed with these changes ? if so we can move this code to phase-two-redo branch

OcmCollins commented 7 months ago

done