Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Mobile gnav 1.2 redesign #3374

Open
wants to merge 41 commits into
base: stage
Choose a base branch
from
Open

New Mobile gnav 1.2 redesign #3374

wants to merge 41 commits into from

Conversation

@bandana147 bandana147 added high-impact Any PR that may affect consumers needs-verification PR requires E2E testing by a reviewer labels Dec 13, 2024
Copy link
Contributor

aem-code-sync bot commented Dec 13, 2024

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

Copy link
Contributor

aem-code-sync bot commented Dec 13, 2024

Page Scores Audits Google
📱 /?martech=off PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ /?martech=off PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

Copy link

codecov bot commented Dec 13, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.74%. Comparing base (d543279) to head (e5da71e).

Additional details and impacted files
@@            Coverage Diff             @@
##            stage    #3374      +/-   ##
==========================================
+ Coverage   96.48%   98.74%   +2.26%     
==========================================
  Files         254       77     -177     
  Lines       59031     9710   -49321     
==========================================
- Hits        56954     9588   -47366     
+ Misses       2077      122    -1955     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

sharmrj and others added 12 commits December 13, 2024 17:37
…3092)

* basic functionality of mobile gnav

* Made the localnav sticky, and the gnav not sticky when there is a local nav

* Local nav now resides outside header to make it sticky correctly

* fixed a few small css details when opening and closing the mega menu

* render the mainmenu on non local nav pages and the brand icon on local nav pages on the mega menu

* don't show local nav unless it's in the right place
* fix the popup showing up for a split second when the hamburger menu is first opened

* Undid the previous commit because it didn't work

* switched out animations to transitions for fedspopup

* Made section buttons have a margin while regular navlinks occupy the whole space

* Fixed section menu spacing

* Spacing of section after navlink on adobe home

* Like the previous commit but actually works

* divider line

* changed last of kind to last of type

* fixed divider spacing

* link spacing

* we need to pad the last nav link as well

* nav link font size

* rules apply only to the links not the sections

* fixed the selector for the previous commit

* I sure hope it works this time

* Fixed the navLinks in light mode
* Breadcrumbs design change

* Hide breadcrumbs on first sidebar

* Fixing no breadcrumbs page

* Fixing css
* Adding main menu placeholder

* Avoiding replaceText if localNav

* Lint fix
* Keyboard navigation for mobile gnav redesign

* close main menu on escape

* fixed lint issue
* Localnav design and event listeners

* Lint fix

* Adding Overview title support
* Handling CLS issue by preserving space for localnav

* Adding localnav config

* Adding overview text from placeholder

* Adding meta data check for new mobile gnav feature flag

* Lint fix

* Adding localnav only when mobile gnav v2 is true
* Adding image support on gnav

* Decorating localnav only if it has one section

* Lint fix
* Check for localnav

* Moving getGnanSource to utils

* Awaiting gnav source

* Adding lanalog when there is mismatch with content and name

* Lint fixes

* Changing height of localnav
@bandana147
Copy link
Contributor Author

bandana147 commented Dec 16, 2024

The federal link https://main--federal--adobecom.hlx.page/federal/dev/blaishram/page-with-localnav?milolibs=mobile-gnav looks off on mobile.. or is it just the localnav and the rest hasn't been authored? image

@mokimo Can you retry again? It opens up like this for me -
Screenshot 2024-12-16 at 11 49 08

@mokimo
Copy link
Contributor

mokimo commented Dec 16, 2024

Yes works now!

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
… iphone 15 in landscape and portrait mode (#3390)

* changed vh to dvh (for iphones)

* made localnav curtain height lvh instead of dvh

* gave localnav curtain a min height of webkit fill available

* missed a semicolon

* padded localnav curtain with safe-area-inset-bottom

* made local nav curtain slightly larger than the view port to prevent a small space that allows clicking on the bottom
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
high-impact Any PR that may affect consumers needs-verification PR requires E2E testing by a reviewer
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants