Duplicate Edit Sidebar Buttons & Difficulties Accessing Properties Panel

[Tshepiso-R]

Description:

1. The Edit Sidebar button appears at the bottom, and when the header designer is expanded, a duplicate Edit Sidebar button appears. Both buttons perform the same function, creating redundancy.
2. The current Edit Sidebar icon should be replaced with the EditOutlined icon for visual consistency.
3. When hovering over the sidebar menu on the designer interface, it’s challenging to trigger the properties panel without unintentionally opening the Sidebar Menu Configuration dialog.

Expected Result:

• Only one Edit Sidebar button should be present, located at the top alongside the menu to indicate it is intended for the top menu.
• The icon should be updated to use EditOutlined.
• Hover functionality should be improved to allow easy access to the properties panel without unintentionally opening the Sidebar Menu Configuration dialog.

Steps to Reproduce:

1. Login to the Public Portal: Public Portal
2. Enable Edit mode.
3. Observe that the Edit Sidebar button is located at the bottom of the page.
4. Open the header form in the designer.
5. Observe that the Edit Sidebar button is duplicated.
6. Hover over the sidebar menu component and attempt to access the properties panel.
7. Observe that it triggers the Sidebar Menu Configuration dialog.

Attachments

• Screenshot:
  
• Video:
  Screen Recording

Related issues:

• Sidebar Menu Configuration Triggering Unexpectedly in Edit Mode #2404
• Form Edit Mode update #1517