feature 9069:Improve mobile top menu and add calendar icon

[ntthitrinh]

Fixes #9069

Short description of what this resolves:

Improve mobile top menu and add calendar icon

Changes proposed in this pull request:

-Improve mobile top menu and add calendar icon

Checklist

• [x] I have read the Contribution & Best practices Guide.
• [x] My branch is up-to-date with the Upstream development branch.
• [ ] The acceptance, integration, unit tests and linter pass locally with my changes
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] I have added necessary documentation (if appropriate)

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
open-event-frontend	❌ Failed (Inspect)			Aug 16, 2023 6:46am

[mariobehling]

Could you change this to something similar to the following please.

[ntthitrinh]

Hi @mariobehling, I think that if we make such a change, when logging in, some screens might not have enough space to accommodate all three items at the top. For instance, consider the images below:

[mariobehling]

This issue is only relevant for public event pages. It is not relevant for system or organizer pages. Therefore it should fit. There is no search bar or other things on this menu.

[ghost]

This issue is only relevant for public event pages. It is not relevant for system or organizer pages. Therefore it should fit. There is no search bar or other things on this menu.

Hi @mariobehling, So I just summarize that we only display 3 buttons : Speakers, Schedule, Exhibition on the public event page. If user moves to other page like: schedule, speaker, etc. That 3 buttons will removed.

Apart from that, I think it could not be shown in the mobile with phone screen size is small such as 6 inches and less. How do you think about it? please share me your idea.

[ntthitrinh]

Hi @mariobehling, @lthanhhieu,

I've fixed it locally, but there isn't enough space to accommodate all the items, even though I've removed spaces between them and made the text smaller.

[mariobehling]

Please try to decrease the size a bit more. Thanks.

[khangon]

Hi @norbusan , @mariobehling , @cweitat , We have completed ticket #9069 Please help me check and verify. Thanks,

[khangon]

Please reduce font size to allow some spacing and resolve conflicts.

Hi @mariobehling , We have fixed it. Please help me check and verify. Thanks,