MurhafSousli / ngx-gallery

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

Thumbnails are not aligned at the start #597

Closed Imorales0210 closed 7 months ago

Imorales0210 commented 8 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 8 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 7 months ago

Thanks it's work