Empty space at the end of tabs

[jorgepiloto]

Description / Summary

While using this extension, I noticed that some empty space appears at the bottom of each tab. This behavior can be seen in the latest documentation of this project :

On the other hand, the README.md file does not show this empty space in the example gifs, see:

Value / benefit

Is this an expected behavior of the tabs extension? If so, can it be disabled so the tabs look like the ones in the README.md examples?

From my point of view, this empty space is a little bit annoying, as it looks like something is missing or that a new empty line was added to the code.

Waiting for your comments on this. Thank you so much for this cool extension! 🚀

[welcome]

Thanks for opening your first issue here! Engagement like this is essential for open source projects! 🤗

If you haven't done so already, check out EBP's Code of Conduct. Also, please try to follow the issue template as it helps other community members to contribute more effectively.

If your issue is a feature request, others may react to it, to raise its prominence (see Feature Voting).

Welcome to the EBP community! 🎉

[foster999]

Thanks for raising this @jorgepiloto, I think had occurred in a previous version too - might be down to a change in one of the dependencies. Nonetheless, it looks like we should update our CSS to remove the extra space 😊

[jorgepiloto]

Thanks for pinging @foster999. If I manage to solve this locally, I will open a PR 👍🏽

[foster999]

Looks like this was down to differences in the theme being used to build the examples. I'd tested with alabaster, but our docs use read-the-docs's theme. I've updated the CSS to fix this on the linked PR - please could you confirm if this works for your use case @jorgepiloto?