Allow hiding of notes / notes pane

[aharish]

Is your feature request related to a problem? Please describe.

I am often on work calls and take meeting notes down on Nextcloud Notes. Sometimes, I might need to share the screen with the note visible, especially if we are discussing changes to a design collateral that I am noting down. I work with different clients, and it is not ideal for clients to be able to see notes taken down for other clients.

With the three pane layout, collapsing the sidebar only collapses the categories pane, and the notes in the middle pane are still visible (if no category is selected, it shows recent notes). In case there are nested categories, and one is selected, then the notes pane will show notes separated by category headers, and in my case this usually means notes for other clients, with the headers being the client names.

Describe the solution you'd like

I am listing a few solutions we could choose to implement:

1. A toggle in the settings pane allowing you to hide the notes pane in the middle

   While I think this would work, it might mean considerable change to the UX and code base for this to happen. The solution proposed by @Caasi-dev in Hide notes #1108 would work on an individual note basis, but I feel it might be better if we could hide the whole pane that shows notes temporarily since this would be an ideal case scenario than hiding notes individually.

2. Distraction-free mode

   Adding a toggle in the Rich Text Editor's toolbar to "fullscreen" the editing pane for a distraction free mode would also work. This way, for anyone wanting to truly focus on writing something and not be distracted would appreciate this approach.

   
   Emacs

   The RTE itself can be shown similar to my Emacs Org mode setup pictured above where the content is set it to a specific width. This way, it's easier to read and edit long sets of content, and also have a distraction free approach.

   This would mean, we don't change anything UI wise, the UX for the three-pane layout mostly stays the same, but we would now be able to just show the contents of a particular note over a screenshare without fear of showing sensitive info.

3. A new Vue component in the sidebar pane that allows nested navigation of categories similar to details parent and detail screens/pages on mobile apps

   We can add a setting in the settings pane giving users the option to switch to a two-pane style layout, where the middle pane is essentially shifted to the first pane, with a top toolbar style navigation for the pane. Here is a quick wireframe I drew up for this; no prototype, but you'll get a fairly good idea of how it would work like: wireframe

Describe alternatives you've considered
From the existing codebase, none.

Additional context
Some context provided above in the issue description.

With further discussion on what we can do, I would like to help contribute code. If the issue in #1108 is related, I would also like to help contribute a solution for that as well.

[timedin-de]

@aharish @joshtrichards
What is the current state on this issue.
The main topic of this seems to be already have been fixed with the Fullscreen button (or did i miss something).

I mostly got here because of #1108
I sometimes write really personal and private notes (like late night thoughts etc.) which i don't want prominently shining on my dashboard or in the notes overview.

[lcalisto]

Any update on this? Indeed it would make sence. Many similar software offers this capability. It would be nice to secure sensitive information.

[enjeck]

Related: #955

[enjeck]

Easiest solution would be a add a button that toggles the visibility of the Notes list, like so:

Screen.Recording.2025-04-27.at.09.53.20.mov