Skip to content

[T2577] FIX: mobile menu now appears from the left#323

Open
Danielgergely wants to merge 2 commits into
14.0from
T2577-mobile-menu
Open

[T2577] FIX: mobile menu now appears from the left#323
Danielgergely wants to merge 2 commits into
14.0from
T2577-mobile-menu

Conversation

@Danielgergely
Copy link
Copy Markdown
Member

@Danielgergely Danielgergely commented Apr 16, 2026

  • REFACTOR: Improved mobile menu by increasing size and placing cart and language selector in the same row
  • REFACTOR: increased the size of the language selector for better UX
  • FIX: mobile menu now appears from the left
  • FEAT: added an 'x' to close the menu
image

- REFACTOR: Improved mobile menu by increasing size and placing cart and language selector in the same row
- REFACTOR: increased the size of the language selector for better UX
- FIX: mobile menu now appears from the left
- FEAT: added an 'x' to close the menu
Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request implements an off-canvas mobile menu and integrates the cart and language selector into the new layout. Key feedback includes ensuring the language selector is accessible to unauthenticated mobile users, fixing a visibility gap for the cart link on tablet-sized screens, and addressing an accessibility issue where hidden menu items remain focusable. Additionally, the font size for the mobile menu's close button should be reduced for better visual balance.

Comment thread my_compassion/views/my2_header_menu.xml
Comment thread my_compassion/views/my2_header_menu.xml Outdated
Comment thread theme_compassion_2025/static/src/scss/layout/_header.scss
Comment thread theme_compassion_2025/static/src/scss/layout/_header.scss
- FIX: added language selector to hamburger menu on mobile screens
- REFACTOR: simplified language selector scss
- FEAT: added visibility selectors for better accessibility support
- FIX: hiding hamburger menu on md screens and added margin to language selector
@Danielgergely
Copy link
Copy Markdown
Member Author

/gemini review

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request implements an off-canvas mobile menu and integrates the cart and language selector into the header for both mobile and desktop views. The review feedback focuses on resolving inconsistencies between the responsive breakpoints used in the XML templates and the SCSS media queries, specifically recommending the use of md instead of lg for synchronization. Additionally, suggestions were made to refine the visibility logic of the mobile toggler and to reduce the reliance on !important in the language selector styles to improve CSS maintainability.

Comment thread my_compassion/views/my2_header_menu.xml
Comment thread theme_compassion_2025/views/template_header.xml
Comment thread my_compassion/views/my2_header_menu.xml
Comment thread theme_compassion_2025/views/template_header.xml
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant