integr8ly / tutorial-web-app

Solution Explorer provides the front door into the Integreatly initiative. It hosts the various Solution Patterns, as well as providing a dashboard of installed applications/products/services.
Apache License 2.0
36 stars 54 forks source link

INTLY-5532: Fix drop-down arrow animation in Managed Services tab #554

Closed mfrances17 closed 4 years ago

mfrances17 commented 4 years ago

Motivation

https://issues.redhat.com/browse/INTLY-5532

What

Only the first service's drop-down arrow (Openshift) was animating e.g. pointing down when clicked, all others were frozen even though the hidden content was displayed correctly.

Why

Consistency and making the arrows function as designed.

How

The wrong ID was used for all drop downs except the first, which caused the function to expand the content to fail.

Verification Steps

  1. Go to the Managed Services tab.
  2. Click the drop-down arrow for all of the services to verify that the arrow is now animated when clicked and the drop-down content is hidden/shown.

Checklist:

Progress

Additional Notes

You can pull down this repo and test the changes locally, or use my cluster to verify: https://tutorial-web-app-webapp.apps.uxddev-90fa.open.redhat.com/

Or you can install my tutorial-web-app docker image on your own cluster: docker.io/mfrances17/dev-tutorial-web-app:latest