Make calendar action buttons mobile friendly

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.10 EE GA1, 7.0.0 M3
• Fix Version/s: 6.2.3 CE GA4, 6.2.X EE, 7.0.0 M3
• Component/s: Calendar
• Labels:
  • calendar
  • liferay-fixpack-portal-40-6210
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Story Points: 12
• Git Pull Request: https://github.com/natecavanaugh/liferay-plugins-ee/pull/404

Currently calendar action buttons are all piled up and there are EIGHT action buttons, which occupies the whole mobile screen (see screenshot).

We need to take action on this in order to make the calendar fully responsive. Some actions we can take:

• Merge Day, Week, Month and Agenda under a single menu button (like the view mode menu in document library or web content management)
• Fix two buttons that appear in blank (see screenshot) - what are those for?
• Make buttons share line (don't use a button per line, but two buttons per line)
• Make monthly preview collapsible so that it doesn't take the first screen for the user

More things can be done, but this would be a good starting point to get the conversation started