Skip to content

Implement hamburger menu #15132

Merged
alecslupu merged 8 commits intodecidim:feature/remove-menu-entriesfrom
i-need-another-coffee:feature/implement-humburger-menu-desktop
Oct 8, 2025
Merged

Implement hamburger menu #15132
alecslupu merged 8 commits intodecidim:feature/remove-menu-entriesfrom
i-need-another-coffee:feature/implement-humburger-menu-desktop

Conversation

@alecslupu
Copy link
Copy Markdown
Contributor

@alecslupu alecslupu commented Sep 4, 2025

🎩 What? Why?

Introduce a hamburger menu for desktop viewports that consolidates navigation items into a collapsible panel. This menu would behave similarly to the mobile version:

  • Navigation links are hidden behind a hamburger icon.
  • Clicking the icon opens a side panel showing the navigation links.
  • The menu closes when the user clicks outside it or clicks the close icon.
    Figma file

📌 Related Issues

Testing

  • Visit the platform on a desktop screen, when the header loads, you should see a hamburger menu icon
  • Click the hamburger icon, then a menu panel opens displaying the full list of navigation links.
  • Click outside the panel or click close, then the panel closes.
  • The menu is closed, then you can open it again using the same icon.
  • Navigate through the links inside the hamburger menu, you should be redirected to the corresponding section.

♥️ Thank you!

github-actions[bot]
github-actions bot previously approved these changes Sep 4, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 4, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 4, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 4, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 4, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 5, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 5, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 5, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 5, 2025
github-actions[bot]
github-actions bot previously approved these changes Sep 10, 2025
& > span,
& > svg:first-of-type {
@apply text-gray-8;
@apply block #{!important};
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Same with this and the one on line 483

If it is necessary, then it is better to just use plain CSS and not mix tailwind's apply with important

Suggested change
@apply block #{!important};
display: block !important;

Comment on lines +60 to +61
5: "#E9E9E9",
6: "#FAFAFA"
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I think the background-6 isn't actually being used.

Suggested change
5: "#E9E9E9",
6: "#FAFAFA"
5: "#E9E9E9"

Copy link
Copy Markdown
Member

@andreslucena andreslucena left a comment

Choose a reason for hiding this comment

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

@alecslupu FYI apart from the issues that I commented here, I also have found some issues that I'm tracking at #15299 (feel free to ignore them for now or tackle theme here, whatever you prefer)

Copy link
Copy Markdown
Member

@andreslucena andreslucena left a comment

Choose a reason for hiding this comment

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

Just talked with @julietapasetti to clarify what shall we do with the colors, can you check them out please? If it's too hassle to handle because of all the PRs and branches in parallel we can handle it on #15299

MariaDascaluPublicis and others added 6 commits October 7, 2025 13:58
fix lint issues

Fix some failing specs

Remove duplicate tags
Co-authored-by: Andrés Pereira de Lucena <andreslucena@users.noreply.github.com>
@alecslupu alecslupu force-pushed the feature/implement-humburger-menu-desktop branch from 56882ec to 009e5ce Compare October 7, 2025 10:58
@alecslupu alecslupu marked this pull request as ready for review October 8, 2025 07:51
@alecslupu
Copy link
Copy Markdown
Contributor Author

@andreslucena Here i would like to make sure we merge everything in one single, PR ( #15134 ), then i will handle those 50 Shades ... and also the issues form the support ticket.

@alecslupu alecslupu merged commit 443e31f into decidim:feature/remove-menu-entries Oct 8, 2025
73 of 75 checks passed
@alecslupu alecslupu deleted the feature/implement-humburger-menu-desktop branch October 28, 2025 12:24
andreslucena added a commit that referenced this pull request Nov 18, 2025
* Remove Help, Meetings, and Activity from the header navigation

Remove unused locale

Patch the menu

* Implement breadcrumb navigation (#15141)

Co-authored-by: MariaDascaluPublicis <166501615+MariaDascaluPublicis@users.noreply.github.com>

* Remove the "Global menu" content block (#15135)

Co-authored-by: Tom Greenwood <tom.t.greenwood@gmail.com>

* Implement hamburger menu  (#15132)

Co-authored-by: Andrés Pereira de Lucena <andreslucena@users.noreply.github.com>
Co-authored-by: MariaDascaluPublicis <maria.dascalu@publicissapient.com>

* Add language chooser to header (#15365)

Co-authored-by: MariaDascaluPublicis <166501615+MariaDascaluPublicis@users.noreply.github.com>
Co-authored-by: MariaDascaluPublicis <maria.dascalu@publicissapient.com>

* Fix header redesign found issues (#15434)

Co-authored-by: Alexandru Emil Lupu <contact@alecslupu.ro>

* Add breadcrumb to menu (#15507)

* Add breadcrumb to accountability

* Add breadcrumb to blogs

* Add breadcrumb to debates

* Add breadcrumb to collaborative_texts

* Add breadcrumb to elections

* Add breadcrumb to surveys

* Add breadcrumb to sortitions

* Add breadcrumb to proposals

* Add breadcrumb to meetings

* Fix routing errors

* Revert changes on sortitions to avoid conflicts

---------

Co-authored-by: MariaDascaluPublicis <166501615+MariaDascaluPublicis@users.noreply.github.com>
Co-authored-by: Tom Greenwood <tom.t.greenwood@gmail.com>
Co-authored-by: Andrés Pereira de Lucena <andreslucena@users.noreply.github.com>
Co-authored-by: MariaDascaluPublicis <maria.dascalu@publicissapient.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment