fix(ui5-menu): adapt mobile menu to latest visual design

[didip1000]

The close button in the ui5-menu on mobile devices has been changed from a "x" in the header to a "Cancel" button in the footer.

[ui5-webcomponents-bot]

🧹 Preview deployment cleaned up: https://pr-12879--ui5-webcomponents.netlify.app

[didip1000]

Hey @UI5/ui5-team-ctr-rod,

I made some minor changes to the NavigationMenu if you could please take a look? The NavigationMenu looks quite a bit different from our menu and I couldn't find the close button to adapt it as well.

Thanks,
Diana

[TeodorTaushanov]

Hey @UI5/ui5-team-ctr-rod,

I made some minor changes to the NavigationMenu if you could please take a look? The NavigationMenu looks quite a bit different from our menu and I couldn't find the close button to adapt it as well.

Thanks, Diana

Hello @didip1000, the NavigationMenu doesn't appear on mobile devices, so you can keep it unchanged.

[didip1000]

Hey @TeodorTaushanov, In that case should I remove the entire "if is phone" conditional in the menu and menu item?

I cant leave it unchanged because I'm removing getters and message bundle texts that are currently being used in that menu.

[TeodorTaushanov]

@didip1000, you can indeed remove "if is phone". Please make any necessary adjustments as needed.

[ui5-webcomponents-bot]

🎉 This PR is included in version v2.19.0-rc.1 🎉

The release is available on v2.19.0-rc.1

Your semantic-release bot 📦🚀