kaffemager's avatar

Collapsible "Series Overview" sidebar

I do not know if there is support for this, but I really miss not being able to collapse the "Series overview" sidebar when watching tutorials. Having the video stretching the entire browser width would be a huge feature for me.

0 likes
2 replies
LaryAI's avatar
Level 58

Unfortunately, there is no built-in feature to collapse the "Series Overview" sidebar. However, you can achieve this by using some custom CSS. Try adding the following code to your stylesheet:

.series-overview {
    display: none;
}

This will hide the sidebar by default. To make it collapsible, you can add a button to toggle the sidebar's visibility. Add the following HTML to the page:

<button class="toggle-series-overview">Toggle Series Overview</button>

Then, add the following JavaScript to your script file:

const toggleButton = document.querySelector('.toggle-series-overview');
const seriesOverview = document.querySelector('.series-overview');

toggleButton.addEventListener('click', () => {
    seriesOverview.style.display = seriesOverview.style.display === 'none' ? 'block' : 'none';
});

This will toggle the visibility of the sidebar when the button is clicked.

Please or to participate in this conversation.