starred/nginx-proxy-manager-NginxProxyManager

Fork 0

mirror of https://github.com/NginxProxyManager/nginx-proxy-manager.git synced 2026-04-26 01:45:54 +03:00

[GH-ISSUE #123] Responsive design issue/UI layout issue. #109

New issue

Closed

opened 2026-02-26 05:34:38 +03:00 by kerem · 6 comments

kerem commented

2026-02-26 05:34:38 +03:00

Owner

Originally created by @allebb on GitHub (Apr 20, 2019).
Original GitHub issue: https://github.com/NginxProxyManager/nginx-proxy-manager/issues/123

Using a Windows 10 PC, reproducible in both Google Chrome and Firefox, with my screen resolution 2560 x 1440 I get the following experience:

If I get time this weekend I'll submit a PR to fix it :)

Thanks for a great tool @jc21

Originally created by @allebb on GitHub (Apr 20, 2019). Original GitHub issue: https://github.com/NginxProxyManager/nginx-proxy-manager/issues/123 Using a Windows 10 PC, reproducible in both Google Chrome and Firefox, with my screen resolution **2560 x 1440** I get the following experience: ![Capture2](https://user-images.githubusercontent.com/767628/56448516-c1de4100-6307-11e9-9eb8-8a5bb1592368.JPG) If I get time this weekend I'll submit a PR to fix it :) Thanks for a great tool @jc21

kerem

2026-02-26 05:34:38 +03:00

closed this issue
added the
bug
label

kerem commented

2026-02-26 05:34:39 +03:00

Author

Owner

@kolbii commented on GitHub (Apr 23, 2019):

Then can you please also fix the following use case:

@kolbii commented on GitHub (Apr 23, 2019): Then can you please also fix the following use case: ![image](https://user-images.githubusercontent.com/47610371/56607033-da9c6e80-6607-11e9-87cb-f99dc299bb8c.png) ![image](https://user-images.githubusercontent.com/47610371/56607065-f0aa2f00-6607-11e9-91a4-a8be5c666b4f.png)

kerem commented

2026-02-26 05:34:39 +03:00

Author

Owner

@jc21 commented on GitHub (Apr 23, 2019):

For the main issue, it feels like there would be some errors in the browser console that would help

@jc21 commented on GitHub (Apr 23, 2019): For the main issue, it feels like there would be some errors in the browser console that would help

kerem commented

2026-02-26 05:34:39 +03:00

Author

Owner

@jonfairbanks commented on GitHub (May 4, 2019):

Also seeing this on a 4k display. There are no errors in the console, only the welcome messages.

The following temporarily fixes it for me:

Find the div with id=app. In Chrome, uncheck display:flex. Alternatively, locate .page in main.css and remove the same.

You should now see a fixed layout minus the footer.

To fix the footer, search for the <footer> and add the highlighted CSS classes either temporarily in Chrome, or semi-permanently in main.css.

Unfortunately any reboots to the host or Docker container will result in having to redo both of these steps.

@jonfairbanks commented on GitHub (May 4, 2019): Also seeing this on a 4k display. There are no errors in the console, only the welcome messages. The following temporarily fixes it for me: <img width="1431" alt="Screenshot_7" src="https://user-images.githubusercontent.com/1957806/57176575-59ff1e80-6e0e-11e9-92ef-e39e26144360.png"> Find the div with id=app. In Chrome, uncheck `display:flex`. Alternatively, locate `.page` in main.css and remove the same. <img width="1435" alt="Screenshot_8" src="https://user-images.githubusercontent.com/1957806/57176603-b3674d80-6e0e-11e9-9883-b709b5619c55.png"> You should now see a fixed layout minus the footer. <img width="1430" alt="Screenshot_9" src="https://user-images.githubusercontent.com/1957806/57176612-cb3ed180-6e0e-11e9-80a3-7b1f273dadd5.png"> To fix the footer, search for the `<footer>` and add the highlighted CSS classes either temporarily in Chrome, or semi-permanently in main.css. Unfortunately any reboots to the host or Docker container will result in having to redo both of these steps.

kerem commented

2026-02-26 05:34:39 +03:00

Author

Owner

@jc21 commented on GitHub (May 8, 2019):

The UI is based entirely on Tabler, and it uses the layout and styles from there. It's likely that it's a problem with their project.

@jc21 commented on GitHub (May 8, 2019): The UI is based entirely on Tabler, and it uses the layout and styles from there. It's likely that it's a problem with their project.

kerem commented

2026-02-26 05:34:39 +03:00

Author

Owner

@jc21 commented on GitHub (May 8, 2019):

Confirmed that this is because tabler released a new version compatible with latest bootstrap. Have rolled back tabler and will be fixed in 2.0.13

@jc21 commented on GitHub (May 8, 2019): Confirmed that this is because tabler released a new version compatible with latest bootstrap. Have rolled back tabler and will be fixed in 2.0.13

kerem commented

2026-02-26 05:34:39 +03:00

Author

Owner

@jonfairbanks commented on GitHub (May 8, 2019):

Thanks a bunch!

@jonfairbanks commented on GitHub (May 8, 2019): Thanks a bunch!

kerem referenced this issue

2026-02-26 06:30:35 +03:00

[GH-ISSUE #154] Certs are not Auto-Renewing #134

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/nginx-proxy-manager-NginxProxyManager#109

No description provided.

Rows
Columns