This PR moves styles from the CSS file to a styled component as otherwise the version of Apollon integrated with Apollon Standalone will not apply styles to the zoom buttons as expected.
Checklist
[x] I documented the TypeScript code using JSDoc style.
[x] I added multiple screenshots/screencasts of my UI changes
[ ] I translated all the newly inserted strings into German and English
Motivation and Context
The zoom buttons on the Apollon Canvas were not rendered properly in Apollon Standalone.
Description
The styles used for the zoom buttons of the canvas are inlined using 'styled' components. The snapshot test regarding the canvas component are updated accordingly.
Steps for Testing
As this change only changes how styles are applied, the easiest approach to test this PR would be by running Apollon and ensuring that the zoom buttons including their hover states look as expected.
This PR moves styles from the CSS file to a styled component as otherwise the version of Apollon integrated with Apollon Standalone will not apply styles to the zoom buttons as expected.
Checklist
Motivation and Context
The zoom buttons on the Apollon Canvas were not rendered properly in Apollon Standalone.
Description
The styles used for the zoom buttons of the canvas are inlined using 'styled' components. The snapshot test regarding the canvas component are updated accordingly.
Steps for Testing
As this change only changes how styles are applied, the easiest approach to test this PR would be by running Apollon and ensuring that the zoom buttons including their hover states look as expected.
Screenshots