bookingactivities / booking-activities

Wordpress plugin booking system
GNU General Public License v3.0
29 stars 10 forks source link

Show scrollbar in listview #151

Closed rayedgar closed 2 years ago

rayedgar commented 2 years ago

I use the calendar list view. The list is very long but because the scrollbars are hidden users do not scroll down. I tried using CSS: overflow-y:scroll on body and on: .bookacti-calendar.fc.fc-unthemed.fc-ltr

But it does not seem to work. Would there be a solution for this?

yoancutillas commented 2 years ago

The scrollbar is displayed by default (demo), Go to Booking Activities > Booking forms > your form > Calendar settings > Calendar tab > Show advanced option >

Otherwise, it is probably hidden by a third party plugin / theme CSS. You can follow the instructions below "Booking Activities doesn’t work as it should" here: https://booking-activities.fr/en/documentation/faq/ in order to indentify it.

In any case you can probably fix it with custom CSS in Appearence > Customize > Additional CSS.

rayedgar commented 2 years ago

The scrollbar is indeed viewable only when scrolling. It hides when not scrolling.

I figured it out in css and i share this for other users:

.fc-scroller::-webkit-scrollbar { -webkit-appearance: none; width: 10px; } .fc-scroller::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(179, 96, 67, 1); box-shadow: 0 0 1px rgba(255, 255, 255, .5); }

This shows the scrollbar at all times. So it's more intuitive for the user.

Thanks for your reply.

yoancutillas commented 2 years ago

Thanks for sharing your solution!