Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Thumbnails are not centralized on Safari and FF #105

Closed
AlvMF1 opened this issue Nov 25, 2016 · 4 comments
Closed

Thumbnails are not centralized on Safari and FF #105

AlvMF1 opened this issue Nov 25, 2016 · 4 comments
Assignees
Labels

Comments

@AlvMF1
Copy link

AlvMF1 commented Nov 25, 2016

Steps to reproduce the behavior:
Open http://jossmac.github.io/react-images (with thumbnails example) on Safari 10.0.1 (macOS 10.12.1) or FireFox 50.0.

Expected behavior:
Thumbnails centralized. It works on Chrome 54.0.28.

screen shot 2016-11-25 at 3 53 26 pm

Actual behavior:
Thumbnails are not centralized.

screen shot 2016-11-25 at 3 54 16 pm

@jossmac
Copy link
Owner

jossmac commented Nov 28, 2016

@AlvMF1 thanks for the heads up

@triple1c86
Copy link

erm the bug still there in landscape mode.. not centralised.
whatsapp image 2017-05-15 at 3 18 00 am

@Viktor6713
Copy link

Still an issue in Safari. This css helps:
#lightboxBackdrop > div:nth-of-type(2) { left: 50%; transform: translateX(-50%); }

I would add this into paginatedThumbnails styles.

@neptunian
Copy link
Collaborator

this could be why: https://www.w3.org/TR/css-flexbox-1/#abspos-items
at least in safari. thanks @Viktor6713, i'll use your solution.

neptunian added a commit that referenced this issue Sep 19, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

5 participants