search

MurhafSousli / ngx-scrollbar

Custom overlay-scrollbars with native scrolling mechanism
https://ngx-scrollbar.netlify.app/
MIT License
600 stars 97 forks source link

Why has been Padding removed in version 15? #616

Closed montella1507 closed 1 week ago

montella1507 commented 2 weeks ago

Feature Description

--scrollbar-padding is really important features to provide easier way to "pick thumb". Is it possible to port it to version 15 as well?

MurhafSousli commented 2 weeks ago

It was not removed! use --scrollbar-offset instead

montella1507 commented 2 weeks ago

It does not work in version 15. it is not in the documentation and i cant see that i source code used.

montella1507 commented 2 weeks ago

Scrollbar offset works differentlyi think.

Padding was triggering HOVER, scrollbar offset does not.

MurhafSousli commented 2 weeks ago

It does not work in version 15. it is not in the documentation and i cant see that i source code used.

It is mentioned here https://github.com/MurhafSousli/ngx-scrollbar/wiki/styling

After v15, the scrollbar wrapper is positioned using absolute positioning instead of padding. is there a use case why you want to trigger hovering effect when hovering over the empty area?

montella1507 commented 1 week ago

Yes. User experience. Do not hide so much space but make it easy to use. Check video of v15 - custom modified

https://github.com/MurhafSousli/ngx-scrollbar/assets/10418323/c8a26b54-e458-42e3-ba76-e5cf4d2497c7

MurhafSousli commented 1 week ago

Ok, I will add this as an option.

MurhafSousli commented 1 week ago

You can now have that hover effect by using the new option <ng-scrollbar hoverOffset> ... </ng-scrollbar>

montella1507 commented 6 days ago

Thanks Will try.