[Bug]: `Theme Settings > Expand side bar by default` causes visual issues on smaller desktop/tablet screens

[ChunkyProgrammer]

Guidelines

• [X] I have encountered this bug in the latest release of FreeTube.
• [X] I have encountered this bug in the official downloads of FreeTube.
• [X] I have searched the issue tracker for open and closed issues that are similar to the bug report I want to file, without success.
• [X] I have searched the documentation for information that matches the description of the bug I want to file, without success.
• [X] This issue contains only one bug.

Describe the bug

1. Enable Settings > Theme Settings > Expand side bar by default
2. Decrease window width to above our mobile break point (ex: 730px)
3. Notice that all content gets pushed down

https://github.com/user-attachments/assets/8441e6ae-d79d-48cc-b3c9-6ec6f3d4bee0

Expected Behavior

Screen content should not be pushed down and should appear beside the side nav

Issue Labels

visual bug

FreeTube Version

0.22.0

Operating System Version

Linux Mint 22

Installation Method

Flathub

Primary API used

Local API

Last Known Working FreeTube Version (If Any)

No response

Additional Information

No response

Nightly Build

• [X] I have encountered this bug in the latest nightly build.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[efb4f5ff-1298-471a-8973-3d47447115dc]

Im not seeing this behavior

https://github.com/user-attachments/assets/2e719653-10a6-4c94-82db-db86a9be2bae

I noticed that in the clip Expand side bar by default was enabled but the side bar wasnt expanded. You had to manually disabled and re-enable it for this issue to occur

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions[bot]]

This issue is stale because it has been open 28 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[ChunkyProgrammer]

@efb4f5ff-1298-471a-8973-3d47447115dc I'm no longer getting it around 730px. In your screen recording, it is called Theme while in mine it was called Theme Settings which could be why it's behaving differently now.

I'm still able to reproduce this issue but at a less noticeable range (seems to be 681-685px)

However, if I enable that setting then go to general settings and decrease my screen size to 768px then I also get that issue: