Panel Widths

[hernandito]

HI,

I have an iPad Pro, and when using it in portrait mode, the UI shows as one panel. I would love it to display two panels.

I cant recall what the width resolution of the iPad is, but I would like to slowly lower the threshold between switching from one to two panels. I think it's set somewhere around 1050px.

Where would I make this edit? I tried looking at the cloudcmd.css butI don't think it's in there.

Thank you!

[coderaiser]

Hi,

When size of screen is too low Cloud Commander uses one panel only. Here is media query for that.

[hernandito]

Thank you... it worked!!

I edited the file cloudcmd.css located in my Docker at:
/usr/src/app/dist/

At around line 568, I changed to:

        `@media only screen and (max-width:655px) {
         .panel {
          width:98%
         }
         .cmd-button#f5,
         .cmd-button#f6,
         .panel-right {
          display:none
         }
        }`

On my iPad, two panels will be OK when viewing by "name-size".

I have made some additional edits to the css file to make the UI a litle less bare. Once I am done getting it looking good, I will share the edits.

Thank you for your help and for Cloud Commander. I love it.

[coderaiser]

It looks very good :)! You can add this media query to /css/columns/name-size.css, so for this columns two panels was visible.

[hernandito]

I am gladd you like it.

I am pasting the css file for the overall "look". In my Docker, I copied this to:
/usr/src/app/dist/cloudcmd.css

Rename the file from .txt to .css
cloudcmd.txt

Thank you!

[coderaiser]

Could you make a PR with changes you made, so others can benefit from this modifications :)?