starred/nginx-proxy-manager-NginxProxyManager

Fork 0

mirror of https://github.com/NginxProxyManager/nginx-proxy-manager.git synced 2026-04-26 09:55:51 +03:00

[GH-ISSUE #1583] Mobile UI `table layout` problem #1193

New issue

Closed

opened 2026-02-26 06:36:09 +03:00 by kerem · 6 comments

kerem commented

2026-02-26 06:36:09 +03:00

Owner

Originally created by @Rafat97 on GitHub (Nov 13, 2021).
Original GitHub issue: https://github.com/NginxProxyManager/nginx-proxy-manager/issues/1583

Checklist

Have you pulled and found the error with jc21/nginx-proxy-manager:latest docker image?
- Yes
Are you sure you're not using someone else's docker image?
- Yes
Have you searched for similar issues (both open and closed)?
- Yes

Describe the bug

I am using Sumsung mobile. When I was login, I saw my all the table layout are broken. I give the screenshot. Please check. And give me a feed back.
Thank you.

Nginx Proxy Manager Version

I use v2.9.11

Screenshots

Operating System

Mobile info :
Mobile name: Sumsung A70
Model number: SM-A705FN
OS: Android 11
Ram: 6gb
Browser: Chrome v95.0.4638.74

Originally created by @Rafat97 on GitHub (Nov 13, 2021). Original GitHub issue: https://github.com/NginxProxyManager/nginx-proxy-manager/issues/1583  **Checklist** - Have you pulled and found the error with `jc21/nginx-proxy-manager:latest` docker image? - Yes - Are you sure you're not using someone else's docker image? - Yes - Have you searched for similar issues (both open and closed)? - Yes **Describe the bug**  I am using Sumsung mobile. When I was login, I saw my all the table layout are broken. I give the screenshot. Please check. And give me a feed back. Thank you. **Nginx Proxy Manager Version**  I use `v2.9.11`  **Screenshots**  ![Screenshot_20211113-124012_Chrome](https://user-images.githubusercontent.com/21246862/141608782-604b1677-7019-4355-b1af-25c5d81e0c7d.jpg) **Operating System**  Mobile info : Mobile name: Sumsung A70 Model number: SM-A705FN OS: Android 11 Ram: 6gb Browser: Chrome v95.0.4638.74

kerem

2026-02-26 06:36:09 +03:00

closed this issue
added the
stale

bug
labels

kerem commented

2026-02-26 06:36:10 +03:00

Author

Owner

@Teraskull commented on GitHub (Feb 4, 2022):

Workaround

As a workaround before this is fixed, you can do the following:

docker exec -it [container id] bash

apt update && apt install [preferred editor]

cd /app/frontend/css/

Then add the following to main.css:

.list-region {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.dropup, .dropdown {
  position: inherit;
}

Actual Fix

This can be fixed by adding table-responsive to the ClassName in all table components.

Proxy Hosts:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/proxy/list/main.js (L13)

Redirection Hosts:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/redirection/list/main.js (L13)

Streams:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/stream/list/main.js (L13)

404 Hosts:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/dead/list/main.js (L13)

Access Lists:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/access/list/main.js (L13)

SSL Certificates:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/certificates/list/main.js (L13)

Users:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/users/list/main.js (L12)

Audit Log:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/audit-log/list/main.js (L12)

Settings:
github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/settings/list/main.js (L12)

Also inherit dropdown position to prevent it being hidden under the table borders:

.dropup, .dropdown {
  position: inherit;
}

@Teraskull commented on GitHub (Feb 4, 2022): ## Workaround As a workaround before this is fixed, you can do the following: ```shell docker exec -it [container id] bash ``` ```shell apt update && apt install [preferred editor] cd /app/frontend/css/ ``` Then add the following to `main.css`: ```css .list-region { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .dropup, .dropdown { position: inherit; } ``` ## Actual Fix This can be fixed by adding `table-responsive` to the `ClassName` in all table components. Proxy Hosts: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/proxy/list/main.js#L13 Redirection Hosts: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/redirection/list/main.js#L13 Streams: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/stream/list/main.js#L13 404 Hosts: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/dead/list/main.js#L13 Access Lists: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/access/list/main.js#L13 SSL Certificates: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/certificates/list/main.js#L13 Users: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/users/list/main.js#L12 Audit Log: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/audit-log/list/main.js#L12 Settings: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/settings/list/main.js#L12 Also inherit dropdown position to prevent it being hidden under the table borders: ```css .dropup, .dropdown { position: inherit; } ```

kerem commented

2026-02-26 06:36:10 +03:00

Author

Owner

@Rafat97 commented on GitHub (Feb 5, 2022):

Workaround

As a workaround before this is fixed, you can do the following:
docker exec -it [container id] bash
apt update && apt install [preferred editor]

cd /app/frontend/css/
Then add the following to main.css:
.list-region {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.dropup, .dropdown {
  position: inherit;
}
Actual Fix

This can be fixed by adding table-responsive to the ClassName in all table components.

Proxy Hosts:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/proxy/list/main.js (L13)

Redirection Hosts:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/redirection/list/main.js (L13)

Streams:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/stream/list/main.js (L13)

404 Hosts:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/dead/list/main.js (L13)

Access Lists:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/access/list/main.js (L13)

SSL Certificates:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/nginx/certificates/list/main.js (L13)

Users:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/users/list/main.js (L12)

Audit Log:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/audit-log/list/main.js (L12)

Settings:

github.com/NginxProxyManager/nginx-proxy-manager@8e5255a275/frontend/js/app/settings/list/main.js (L12)

Also inherit dropdown position to prevent it being hidden under the table borders:
.dropup, .dropdown {
  position: inherit;
}

@Teraskull Thanks for giving this solution.

@Rafat97 commented on GitHub (Feb 5, 2022): > ## Workaround > As a workaround before this is fixed, you can do the following: > > ```shell > docker exec -it [container id] bash > ``` > > ```shell > apt update && apt install [preferred editor] > > cd /app/frontend/css/ > ``` > > Then add the following to `main.css`: > > ```css > .list-region { > display: block; > width: 100%; > overflow-x: auto; > -webkit-overflow-scrolling: touch; > -ms-overflow-style: -ms-autohiding-scrollbar; > } > > .dropup, .dropdown { > position: inherit; > } > ``` > > ## Actual Fix > This can be fixed by adding `table-responsive` to the `ClassName` in all table components. > > Proxy Hosts: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/proxy/list/main.js#L13 > > Redirection Hosts: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/redirection/list/main.js#L13 > > Streams: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/stream/list/main.js#L13 > > 404 Hosts: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/dead/list/main.js#L13 > > Access Lists: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/access/list/main.js#L13 > > SSL Certificates: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/nginx/certificates/list/main.js#L13 > > Users: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/users/list/main.js#L12 > > Audit Log: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/audit-log/list/main.js#L12 > > Settings: > > https://github.com/NginxProxyManager/nginx-proxy-manager/blob/8e5255a2751d10b05b96c3d36a2fd76f8d61d47f/frontend/js/app/settings/list/main.js#L12 > > Also inherit dropdown position to prevent it being hidden under the table borders: > > ```css > .dropup, .dropdown { > position: inherit; > } > ``` @Teraskull Thanks for giving this solution.

kerem commented

2026-02-26 06:36:10 +03:00

Author

Owner

@github-actions[bot] commented on GitHub (Mar 2, 2024):

Issue is now considered stale. If you want to keep it open, please comment 👍

@github-actions[bot] commented on GitHub (Mar 2, 2024): Issue is now considered stale. If you want to keep it open, please comment :+1:

kerem commented

2026-02-26 06:36:10 +03:00

Author

Owner

@Teraskull commented on GitHub (Mar 2, 2024):

Is this fixed yet?

@Teraskull commented on GitHub (Mar 2, 2024): Is this fixed yet?

kerem commented

2026-02-26 06:36:10 +03:00

Author

Owner

@github-actions[bot] commented on GitHub (Dec 5, 2024):

Issue is now considered stale. If you want to keep it open, please comment 👍

@github-actions[bot] commented on GitHub (Dec 5, 2024): Issue is now considered stale. If you want to keep it open, please comment :+1:

kerem commented

2026-02-26 06:36:10 +03:00

Author

Owner

@github-actions[bot] commented on GitHub (Dec 6, 2025):

Issue was closed due to inactivity.

@github-actions[bot] commented on GitHub (Dec 6, 2025): Issue was closed due to inactivity.

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#1193

No description provided.

Rows
Columns

[GH-ISSUE #1583] Mobile UI table layout problem #1193

Workaround

Actual Fix

Workaround

Actual Fix

[GH-ISSUE #1583] Mobile UI `table layout` problem #1193