Small bug fix for Carousel navigation

[GrnEyedDvl]

Hello Bob.

We fixed a small issue on the Articles and Blogs and I thought you might want to see it. On your own site if you click the dots below the Articles, there is no response. You can change it by grabbing it and sliding it. If you ad a very small margin to that then the dots become clickable. You can see it working on my site here.

My guy that spotted it had this to say.

There's a tiny bug with the wide theme. The carousel dots are overflowing over the text in the side-panel. It's doing that because .carousel-footer in @media (min-width: 480px) has margin-top:0. and it overrides the margin-top: var(--f-carousel-dots-height); from .carousel-footer. Easy solution is to make a .carousel-footer-small class and give it margin-top:var(--f-carousel-dots-height); align:center and apply that to the side-carousel.

@media (min-width: 480px) {
    .carousel-footer {
        margin-top:var(--f-carousel-dots-height);
        text-align: center;
    }
    .p-body-pageContent {
        .carousel-footer {
        margin-top: 0;
        float: right;
        }
    }
}

 

[Bob]

This is an issue with Core XF itself and IIRC, has been reported at XenForo.com. The issue is with the carousel.less template, which is where the .carousle-footer class is defined.

You can see this same behavior by going to the Resources Section at XenForo.com and the Featured Resources on the Index and Category pages.

I might temp apply this fix to all of my addons, however, I'd rather that XenForo fix it themselves.