thumbContHeight and position of subHtml

[sokai]

Hey!

I wish the bottom position of the caption class (.lg-sub-html) is calculated with dependencies of the height of the thumbnail container (if the option thumbContHeight is used/set).

ATM .lg-sub-html is defined with bottom: 100px; in lightgallery.css#L338.
So if I set thumbContHeight (because I only provide thumbs with 40px height) there will be a gap between the caption and the thumbs container and I have to set bottom: 60px; in my local stylesheet (which IMHO is not programmatically …).

Thanks a lot and best regards! :-)

[artursopelnik]

Hi @sokai . Here is my workaround for that case:

var gallery = $('.gallery');

var options = {
    thumbnail: true,
    thumbContHeight: 88
};

gallery.lightGallery(options).on('onAfterOpen.lg', function () {
    var css = '.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{ bottom: ' + options.thumbContHeight + 'px;}';
    $('.lg').append('<style type="text/css">' + css + '</style>');
});

[sokai]

Thx @artursopelnik !