Steps to reproduce issue:
- Add several images to Documents and Media
- Add 2 Media Gallery portlets to a page
- Configure 1 Media Gallery portlet to use Carousel ADT
When the user clicks in any image in the Media Gallery that is not using the Carousel, and Slideshow will be displayed. However, the images of the Carousel will be displayed on top of the slideshow making it look weird.
The problem is that if image_viewer.css is in the page it sets the z-index to 3000 while the Carousel component cannot be overriden because it doesn't have that attribute.
Expected result: Only the Image of the Media Gallery should be displayed allowing the user to browse next and previous.
Actual result: The images of the Carousel are displayed on top of the Media Gallery images
Tomcat 7.0.62 + MySQL 5.6
Portal Master GIT ID: d37c6741f09f232e3ed3eda6e024946bf4c9ebf2.