Ditmar / backoffice-openscience

6 stars 0 forks source link

[SEM-56] - Implementation of Buttons in the Side Menu to access the bibliography and the image gallery #56

Open DanX3N0 opened 2 months ago

DanX3N0 commented 2 months ago

{CB91FAAF-18F3-438A-AB34-27E8CB9BC7CC}

Description We need to implement two new buttons in the side menu of our web application: "Bibliography" and "Image Gallery". These buttons will improve navigation and provide quick access to the respective sections.

Acceptance criteria Integrate the "Bibliography" and "Galery image" buttons according to the provided layouts. Ensure that the icons and labels are aligned and sized correctly as shown in the screenshots.

Color variants check out the figma.

Implementation in Storybook: Create entries in Storybook for each button to display Normal and Hover states. Include controls to allow testing of different states and properties.

Test Driven Development (TDD): Write unit tests for both buttons to check navigation and state changes. Ensure tests cover color changes on hover and icon and label alignment.

Notes:

Include screenshots for reference.

Use CSS for styling and ensure compatibility across all major browsers. Accessibility considerations should be taken into account, ensuring buttons are accessible via keyboard navigation and screen readers.

Ditmar commented 6 days ago

This ticket is invalid you are repeating the same logic , of the base button