MurhafSousli / ngx-gallery

Angular Gallery, Carousel and Lightbox
https://ngx-gallery.netlify.app/
MIT License
609 stars 129 forks source link

Thumbnails are not aligned at the start #597

Closed Imorales0210 closed 10 months ago

Imorales0210 commented 10 months ago

What is the expected behavior?

image

What is the current behavior?

image

What are the steps to reproduce?

defined images in the ts file

add this to your html file:

image

Which versions are you using for the following packages?

image Gallery: "ng-gallery": "^11.0.0",

Is there anything else we should know?

i already put the attr thumbView in "default" but nothing is change

MurhafSousli commented 10 months ago

This is intended, when the size of the thumb slider is bigger than its thumbnails, it centralize them out of the box, the thumbView option is meant to force centralize the active item regardless of its location only.

To force remove the spaces on the edges, try the following in your global styles

.g-slider {
  --thumb-centralize-start-size: 0 !important;
  --thumb-centralize-end-size: 0 !important;
}
Imorales0210 commented 10 months ago

Thanks it's work