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]

🚀 Deployed on https://pr-12879--ui5-webcomponents-preview.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.