[BB-3868] [NewConsole] Move Button Customization component to sidebar
Created by: arjunsinghy96
This PR implements the ButtonCustomizationPage
for new console and moves the color inputs to sidebar.
JIRA Tickets BB-3868 Gitlab#720
Testing Instructions
- Checkout to this branch
- Start the OCIM backend and frontend servers.
- Make sure that a test instance is created in OCIM admin.
- Visit http://localhost:3000/newconsole/theming/buttons/edit
- Make sure that all button customization components are present in sidebar.
- Verify that changing
ColorInputField
values changes the theme data inBetaTestApplication
Author Notes
- While implementing the changes, I noticed that some styles for
ColorInputField
component were added in all the components whereColorInputField
was imported and used. The styling of this field was also causing issues when moving to the sidebar. - This PR also contains changes to fix
ColorInputField
such that it doesn't require additional styling in importing component. - I found the old
ButtonStyles
component design didn't look good in sidebar. Thus, I added a newButtonStyles
component innewConsole
with comparatively better design. - This PR is dependent on #719 for live preview in static pages.
Screenshots