feat: show mobile sidebar and FAB on tablets in portrait mode

[AlexAndBear]

Description

Related Issue

• Fixes <issue_link>

How Has This Been Tested?

• test environment:
• test case 1:
• test case 2:
• ...

Types of changes

• Bugfix
• Enhancement (a change that doesn't break existing code or deployments)
• Breaking change (a modification that affects current functionality)
• Technical debt (addressing code that needs refactoring or improvements)
• Tests (adding or improving tests)
• Documentation (updates or additions to documentation)
• Maintenance (like dependency updates or tooling adjustments)

[kulmann]

What do you think about setting a max-width on the mobile sidebar? Our desktop resolution sidebar has a width of 230px. I find that rather narrow on mobile (see screenshots). Something like 320px feels more natural. I like that better than going 85% width regardless of the viewport size. Last screenshot is showing 85% on a tablet width.

[AlexAndBear]

What do you think about setting a max-width on the mobile sidebar? Our desktop resolution sidebar has a width of 230px. I find that rather narrow on mobile (see screenshots). Something like 320px feels more natural. I like that better than going 85% width regardless of the viewport size. Last screenshot is showing 85% on a tablet width.

I chose a more balanced way:

on mobile (smartphone) 85%, on tablet sizes 320px as it feels more natural that way