Positioning of toast notifications

ℹ️ Support
1

The Basics

  • Nextcloud Server version (e.g., 29.x.x):
    • Nextcloud Hub 10 31.0.0
  • Operating system and version (e.g., Ubuntu 24.04):
    • Ubuntu 24.04.2
  • Web server and version (e.g, Apache 2.4.25):
    • Official Docker image
  • Is this the first time you’ve seen this error? (Yes / No):
    • No
  • When did this problem seem to first start?
    • This is the default behaviour
  • Installation method (e.g. AlO, NCP, Bare Metal/Archive, etc.)
    • AlO Docker image
  • Are you using CloudfIare, mod_security, or similar? (Yes / No)
    • No

Summary of the issue you are facing:

In NextCloud, every file action is confirmed with a transient pop-up ‘toast’ notification in the upper right corner of the screen. What part of the code controls when and where these messages show? The top right of the wondow seems a poor place to put these as they obscure GUI elements for a range of actions that are likely to immediately follow a file action (such as new folder creation). I have to manually dismiss all of the messages or wait around for them to clear before I can add another folder or add files. Is there a way to alter this default behaviour?

Steps to replicate it (hint: details matter!):

  1. In ‘Files’, click New → New Folder (in a directory with a path that extends near the width of the browser window)
  2. Watch the toast pop-up appear
  3. Wait for the toast pop-up to timeout and fade (or interrupt your workflow to close it manually)
  4. Finally access the GUI elements to add another folder or a file
2

I also find these messages unsuitable. Especially if you have a lot of messages at the same time. I don’t know how to solve it. But I find these overlays provided by JavaScript unattractive. Perhaps it would be better to have a permanently green status message until an error actually occurs. And if there is progress, then perhaps always in the same actual green line.

Maybe you can use the app Custom CSS to hide the CSS. I think you can find the CSS with browser dev tools F12.