owncloud / web

:dragon_face: Next generation frontend for ownCloud Infinite Scale
https://owncloud.dev/clients/web/
GNU Affero General Public License v3.0
443 stars 157 forks source link

Sidebar content floats out of the screen #7498

Closed hurradieweltgehtunter closed 2 years ago

hurradieweltgehtunter commented 2 years ago

Steps to reproduce

  1. Open sidebar in file list

Expected behaviour

The Sidebar should always fully display all elements despite of the screen size.

Actual behaviour

Sidebar exceeds right window border on different windows widths see red box in the bottom right corner in the video for dimensions when it happens

https://user-images.githubusercontent.com/16665512/185870242-68c83d81-b7c9-46bf-a0e6-6b91b86187bd.mp4

Environment general

https://ocis.ocis-wopi.latest.owncloud.works

JammingBen commented 2 years ago

Ahh okay, it happens when selecting German as language, because the words are generally longer. No problem in English though. Thx for noticing!

I adjusted the title and the expected behavior a bit as the sidebar is supposed to have a fixed width and shouldn't resize.

tbsbdr commented 2 years ago

Proposal

Show "Icons only" in batch actions if width \< 1280 px and right and left sidebar are open

Scribbles:

Some space left --> show Icons only

Almost no space left --> move quickactions to 3-dots menu

remove "XX selected" and "X"-deselect button