#4717 (ok 4.3.8) Database navigation menu broken when resolution / screen is changing

[Michael]

• since phpmyadmin 4.3.x sth. changed in seperating the database navigation panel on the left side and the main content on the right side

• I use multiple screens with different screen resolutions

• the first problem is just annoying and not urgent:

• if I move the phpmyadmin window from a screen with low resolution (1280x720) to a screen with high resolution (1920x1080) I have to re-adjust the border between the navigation panel and the main content more then expected, there seem to be no real

• the second problem is critical:

• if I use phpmyadmin on a screen with high resolution (1920x1080), e.g. I connect a lcd screen to my laptop and I expand my desktop for multiview (1920x1080 + 1280x720)
• if I then disconnect the lcd screen I have only low resolution on my laptop (1280x720)
• then phpmyadmin is not usable anymore, because the database navigation panel takes 100% of the browser
• I cannot adjust the border to the main border anymore
• even logout does not help
• I have to delete all cookies to get a useful seperation again

[Michael]

I did some more testing. The problem seems only be related to the case, when you connect additional monitors and expand the desktop. The switch in both directions 1 -> 2 vs. 2 -> 1 makes problems. If you cannot reproduce the problem I can attach screenshots.

[Madhura Jayaratne]

Currently the width of the navigation panel is not calculated proportional to the overall window size. So resizing does not change the width of navigation panel. May be this can be implemented as a feature.

[Michael]

But it should not happen, that I have to delete all cookies. As I said in my scenario: phpmyadmin was not usable anymore at all. I will make some screenshots to show the problems.

[Michael]

Here is the first annoying example. I did adjust navigation panel and main content as I want to have it. See first image.

If I then reload the whole page in the browser or just change the "Language" to another one, the view differs after the reload. See second image. It is annoying to adjust it again and again. This happens also when I close the browser tab and open it again later.

[Madhura Jayaratne]

Just to be clear; the scenario you've provided screenshots for is not due to multiple monitors or resolution change, right? Simply reloading the page changes the size of the navigation panel?

[Michael]

In this first example I use two monitors. But I use PMA in only one monitor in full screen of the expanded desktop.

[Michael]

Here is a second example. If I disconnect my notebook from 2 monitor docking station solution (fallback to low resolution of notebook), PMA gets sometimes unusable till I delete all my cookies. Logout or just restart browser (Chrome) does not help.

As you see on the image I cannot adjust the navigation panel anymore even if I scroll to the right max.

[Madhura Jayaratne]

Are you able test the attached patch. After applying the patch you need to clear your browser cache.

[Michael]

Patch is working, no more problems. Border of navigation panel is "stable" now.

[Madhura Jayaratne]

Fixed with https://github.com/phpmyadmin/phpmyadmin/commit/344b7df54e6ecefd954d1e3e5857ee6f9a35a731