[FIX] website: gallery cover img inside anchor is not well placed

Steps:
- Go to "Website" > "Go to Website"
- Click Edit
- Add an image gallery
- Add an image to the gallery
- Add the same image to the gallery
- Click the first image
- Click "Image Cover" in the side panel
- Click on the Link button in the bottom-right of the side panel
- Add a link and save

Bug:
The first image is not displayed in the same way as the second one.

Explanation:
The layout is not carried over to `img` when it's nested into an `a` tag. Redefining the layout on the `a` tag fixes the issue.

opw:2394953

closes odoo/odoo#63699

X-original-commit: b34d27449920cfd683223969fd9d24a19e715d04
Signed-off-by: Nicolas Lempereur (nle) <nle@odoo.com>
Signed-off-by: backspac <backspac@users.noreply.github.com>
This commit is contained in:
nie
2020-12-22 15:03:08 +00:00
parent 0a8f4b6cda
commit de0d05b6a6
@@ -115,10 +115,17 @@
> .container, > .container-fluid, > .o_container_small {
height: 100%;
}
&.s_image_gallery_cover .carousel-item > img {
width: 100%;
height: 100%;
object-fit: cover;
&.s_image_gallery_cover .carousel-item {
> a {
width: 100%;
height: 100%;
}
> a > img,
> img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
&:not(.s_image_gallery_show_indicators) .carousel {
ul.carousel-indicators {