I’m working on a footer component in Angular and having trouble with two main tasks:
Switching Button States: I want each button in my footer to switch between inactive and active images when clicked. Only one button should appear active at a time, resetting the others to their inactive states. I’m using src/assets for storing the images and have JavaScript set up to handle the switching, but the images don’t seem to toggle as expected.
Footer-Bar Styling Adjustments:
The left and right sections of the footer-bar have a triangle shape that should always be visible. When the page width changes, I’d like only the outer part of these sections to shrink, not the inner triangle part.
Additionally, the top part of the footer-bar should remain visible regardless of page size.
github: https://github.com/tostrauss/footer-cr/tree/main/footer-cr