[Bug]: Notification popup overlaps the app logo in the `webUI` in Nextcloud `stable34` branch and `stable35` branch

[Ashim-Stha]

⚠️ This issue respects the following points: ⚠️

• This is not a troubleshooting question, general support matter, or webserver/proxy problem, but likely a bug (if unsure, ask the Community Help Forum).
• This issue is not already reported on Github OR solved at the Community Help Forum (I've searched!).
• I'm using a maintained major version of Nextcloud Server and tested against the latest patch level. (Supported major versions and current patch levels).
• I agree to follow Nextcloud's Code of Conduct.
• I've tried my best to provide clear reproduction steps that someone unfamiliar with this bug could use to reproduce it.

Bug description

The notification popup overlaps the Nextcloud app logo in the top-left corner of the page. The popup should instead appear in the top-right corner without overlapping the application header/logo.

Steps to reproduce

Tested on working branch stable35 and stable34

1. Navigate to Personal Settings -> Notifications.
2. Enable any notification checkbox, for example “A file or folder has been changed”.
3. Observe the notification popup that appears.

Actual behavior

The notification popup appears in the top-left corner and overlaps the Nextcloud logo/header.

Expected behavior

The notification popup should appear in the top-right corner of the application and should not overlap the app logo or other header elements.

Affected versions:

• Nextcloud stable35 branch (35.0.1)
• Nextcloud stable34 branch (34.0.4)
• Nextcloud master branch (36.0.0 dev)

Not Affected versions:

• nextcloud:35-apache image (35.0.1) (bug not reproducible)
• stable33 branch (bug not reproducible)

Operating system

Debian/Ubuntu

Enabled apps:

• activity
• appstore
• cloud_federation_api
• comments
• contactsinteraction
• dashboard
• dav
• federatedfilesharing
• federation
• files
• files_reminders
• files_sharing
• files_trashbin
• files_versions
• groupfolders
• integration_openproject
• lookup_server_connector
• oauth2
• oidc
• profile
• provisioning_api
• settings
• sharebymail
• sharing
• systemtags
• theming
• twofactor_backupcodes
• updatenotification
• user_oidc
• user_status
• weather_status
• webhook_listeners
• workflowengine

[susnux]

Please follow the issue template.

Otherwise I was not able to reproduce this on 35 or 34. This also looks more like you have some CSS issues, e.g. could be caused by:

• custom css applied
• browser extension like an ad blocker blocking some CSS
• a broken 3rdparty application that messes with global styles

So we would at least need a list of all enabled apps.

[Ashim-Stha]

Please follow the issue template.

Otherwise I was not able to reproduce this on 35 or 34. This also looks more like you have some CSS issues, e.g. could be caused by:

• custom css applied
• browser extension like an ad blocker blocking some CSS
• a broken 3rdparty application that messes with global styles

So we would at least need a list of all enabled apps.

@susnux Sorry, I didnot mention I have tested on the working branches. I have updated the issue description and listed all enabled apps. Could you please go through the issue description again and please let me know if anything is unclear?