Is there a way for the Lightbox to appeare alway in the same place when the css position is set to fixed?

When a lightbox link is further down the page the lightbox shows up on the bottom of the page and when the page is scrolled to the bottom and a link is pressed it only shows half of the lightbox. It is still fixed but not on its correct original position.

Is there a way around this?

thanks

CommentFileSizeAuthor
#3 lightbox2-position-fixed-963752.patch4.91 KBAaronBauman
#2 lightbox2-position-fixed-963752.patch4.93 KBAaronBauman
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

pedromvpg’s picture

pedromvpg CreditAttribution: pedromvpg commented
Issue tags: +lightbox position css
AaronBauman’s picture

AaronBauman
he/him
CreditAttribution: AaronBauman commented
Version: 6.x-1.9 » 6.x-1.x-dev
Status: Active » Needs review
FileSize
lightbox2-position-fixed-963752.patch4.93 KB

You can do this in a CSS file, but the "top" CSS attribute of the box will get messed up because of this line right here in lightbox2.js:

var lightboxTop = arrayPageScroll[1] + (Lightbox.topPosition == '' ? (arrayPageSize[3] / 10) : Lightbox.topPosition) * 1;

This patch doesn't change the default behavior, position:absolute, but allows admins to change it through lightbox2 settings at
admin/settings/lightbox2 > Advanced Settings > Skin Settings > CSS Position

This is rolled at 6.11, but it should apply to dev

AaronBauman’s picture

AaronBauman
he/him
CreditAttribution: AaronBauman commented
FileSize
lightbox2-position-fixed-963752.patch4.91 KB

Fixed a typo. Should work now.

NineAllexis’s picture

NineAllexis CreditAttribution: NineAllexis commented

Having the same issue on D7.
Applied the patch (manually), set the position top on admin/config CSS settings.
Somehow the pixels set doesn't work, it keeps set back to top:10px.