The notification window doesn’t span the full width?

[roe1974]

What installation are you running?

Production (netalertx) 📦

Is there an existing issue for this?

• I have searched the existing open and closed issues and I checked the docs https://docs.netalertx.com/

The issue occurs in the following browsers. Select at least 2.

• Firefox
• Chrome
• Edge
• Safari (unsupported) - PRs welcome
• N/A - This is an issue with the backend

Current Behavior

The notification window does not span the full width. All the other menus in Monitoring take up the whole space (see screenshot). Is this intentional, or is it a bug? br Richard

Expected Behavior

The notification window spans the full width, just like all the other menus

Steps To Reproduce

No response

Relevant app.conf settings

docker-compose.yml

Debug or Trace enabled

• I have read and followed the steps in the wiki link above and provided the required debug logs and the log section covers the time when the issue occurs.

Relevant app.log section

  PASTE LOG HERE. Using the triple backticks preserves format.

Docker Logs

  PASTE DOCKER LOG HERE. Using the triple backticks preserves format.

[jokob-sk]

Hi @roe1974 ,

I'm a bit busy so if you or someone can submit a PR to fix it that would be awesome.

Check if the skeleton loading dialog is also resized correctly during load time.

Thanks in advance,
j

[jokob-sk]

This should be available/fixed in the next release.
It would be great if you could test the ghcr.io/netalertx/netalertx-dev Docker image in ~15 minutes (or once the latest GitHub Action finishes).

⚠️ Please back up everything first, or ideally spin up a separate container (make sure you use a unique PORT and GRAPHQL_PORT if running instances concurrently) with its own DB and config (a copy of your current setup), as database changes may occur.

After updating:

• Click the 🔄 refresh button in the blue header at the top
• Hard refresh your browser cache (shift + reload) to force js and css files reload

👉 If I don’t receive confirmation that this works, I may revert the changes to avoid introducing bugs.

Disclaimer: Running the dev container long-term may lead to data loss, as upgrade paths are not guaranteed.

Thanks in advance,
j

[HsukqiLee]

Following up on the maintainer's ask ("Check if the skeleton loading dialog is also resized correctly during load time") for #1777.

Verified on the current netalertx-dev image: the skeleton is not affected by the bug fixed in #1777, and it already spans the full width.

• The notifications skeleton (front/php/templates/skel_notifications.php → #notifications-skeleton) is absolutely positioned: the shared skeleton rule sets position:absolute; top:0; left:0; right:0;, and #notifications-skeleton then applies margin:15px; top:50px; min-height:400px; (front/css/app.css).
• Because it is absolutely positioned against the position:relative #notifications wrapper, it is taken out of the flex layout entirely. The width problem fixed in fix(front): make notifications page span full width #1777 only applied to the in-flow <section class="content"> child, which shrank to its content width inside the display:flex wrapper.
• So during load the skeleton already covers the full content width (full wrapper width minus the same 15px margin the loaded content uses), and it stays consistent once the table renders at full width.

Also confirmed the dev image already carries the #1777 fix (#notifications .content { width: 100%; }), so no additional change is needed for the skeleton. Happy to re-check if anyone still sees a mismatch.

[jokob-sk]

Thanks a lot @HsukqiLee 🙏 - I'm not a great front end dev so any help is appreciated 😄