UI/UX improvements

[7heMech]

resolves #4918, resolves #4855, resolves #4853

• on desktop:

  • tweaks main login page to look better.
  • removes tabler scrollbar compensation which offsets entire page on firefox and sometimes on Chromium.

• on mobile:

  • page theme and language pickers on login and in main screens within a profile menu.
  • makes header width not change with big tables because of overflow.
  • makes table rows scrollable if they are too long.
  • makes the main menu close after selection.

• generally:

  • fixes logo flicker on loading.
  • improves modals in dark mode via a dark backdrop and shadow.

Desktop login page:

• once a language was picked the selector was offset

Mobile:

[7heMech]

Having a blast with the name 😂

[7heMech]

@sopex the allegations were not false 😂

[7heMech]

I was thinking of removing the logo when switching between tabs or waiting for like 100ms and if not loaded yet then show loader, but I guess it was intentionally made like that, idk, in dev it looks weird, but on a prod server it grew on me 🤷‍♂️

[sopex]

This is great!!!

[nginxproxymanagerci]

Docker Image for build 20 is available on DockerHub:

nginxproxymanager/nginx-proxy-manager-dev:pr-4928

Note

Ensure you backup your NPM instance before testing this image! Especially if there are database changes.
This is a different docker image namespace than the official image.

Warning

Changes and additions to DNS Providers require verification by at least 2 members of the community!