From 666c434c7480ecb3db7dccd442eb0d14f83a1a90 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Sat, 20 Dec 2025 13:17:01 +0200 Subject: [PATCH] docs(user): mention changes to sidebar --- .../UI Elements/New Layout.html | 153 +++++++++------- .../UI Elements/New Layout/Breadcrumb.html | 36 ++-- .../UI Elements/New Layout/Status bar.html | 64 ++++--- .../UI Elements/Note buttons.html | 10 +- .../User Guide/Feature Highlights.html | 152 ++++++++-------- .../Links/Internal (reference) links.html | 28 ++- .../Developer Guide/Documentation.md | 2 +- docs/User Guide/!!!meta.json | 171 +++++++++--------- .../UI Elements/New Layout.md | 14 ++ 9 files changed, 330 insertions(+), 300 deletions(-) diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.html index c0d2249e4..65745baf0 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout.html @@ -6,10 +6,10 @@

Status bar

At the bottom of the window there is a new bar called the Status bar. This bar houses multiple items such as the Breadcrumb navigation and information - and settings about the current note, such as the content language and  + and settings about the current note, such as the content language and  Attributes.

-

For more information, consult the dedicated page.

+ class="reference-link" href="#root/_help_zEY4DaJG4YT5">Attributes.

+

For more information, consult the dedicated page.

it displays the title in a larger font, while also displaying additional information such as the creation and the modification date.

Whenever the title is scrolled past, the fixed title is shown instead.

-

This only affects Text and  +

This only affects Text and  Code notes. Note types that take the entirety of the screen such - as Canvas will + class="reference-link" href="#root/_help_6f9hih2hXXZk">Code notes. Note types that take the entirety of the screen such + as Canvas will always have only the fixed title bar.

Depending on the note type, the inline title will also present some more interactive options such as being able to switch the note type (see below).

@@ -42,14 +42,15 @@ class="image">
The fixed title bar. The title only appears after scrolling past the Inline title.

New note type switcher

-

When a new Text or  +

When a new Text or  Code note is created, a note type switcher will appear below + class="reference-link" href="#root/_help_6f9hih2hXXZk">Code note is created, a note type switcher will appear below the Inline title. Apart from changing the note type, it's also - possible to apply a template.

+ possible to apply a template.

The switcher will disappear as soon as a text is entered.

- +

Note badges

Note badges appear near the fixed note title and indicate important information @@ -61,21 +62,21 @@ class="image">

The following badges are available:

Some of these badges replace the dedicated panels at the top of the note.

Collapsible sections

@@ -85,29 +86,28 @@ class="image">

The following sections have been made collapsible:

Changing to the existing layout

Removal of the ribbon

@@ -116,73 +116,73 @@ class="image">

Here's how all the different tabs that were once part of the ribbon are now available in the new layout:

@@ -193,26 +193,43 @@ class="image">

Removal of the floating buttons

Most of the buttons were relocated to the right of the note title, in - the Note buttons area, + the Note buttons area, with the exception of:

+

Changes to the sidebar

+

The sidebar (also known as the right pane) also received some important + changes.

+

The previous iteration of the sidebar would appear contextually, depending + on whether there are any items to be displayed. This caused occasional + content shifts when moving between two panes in a split view. In the new + layout, the sidebar acts more like the Note Tree pane, + remaining visible even if there is nothing to display.

+

In order to toggle the sidebar, there is a new button on the top-right + side of the screen, near the window buttons (on Windows and Linux).

+

Now each section of the sidebar (e.g. “Table of Contents”, “Highlights + list”) is individually collapsible and will remember whether it was collapsed.

+

Some sidebar items also have a contextual menu, indicated by the three + dots on the title. For example, the highlights filter can be adjusted directly + from that menu. 

+

Custom widgets are still supported. For custom scripts, the three dots + menu allows quick navigation to the corresponding script note.

How to toggle the new layout

Starting with v0.101.0, this new layout is enabled by default. It is possible to fall back to the old layout by going to Options → - Appearance and selecting Old layout.

- \ No newline at end of file diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb.html index 6ed290852..02b2082a2 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Breadcrumb.html @@ -4,52 +4,52 @@

The breadcrumb allows quickly viewing the note hierarchy of the current note and navigating through it.

-

It is part of the Status bar, +

It is part of the Status bar, displayed in the bottom-left of the screen.

Layout and Interaction

\ No newline at end of file diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Status bar.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Status bar.html index 213a1b507..120fe309c 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Status bar.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/New Layout/Status bar.html @@ -1,53 +1,51 @@

The status bar displays information about the current note and allows changing settings related to it such as configuring the language or attributes.

Layout and interaction

-

On the left side, the Breadcrumb is +

On the left side, the Breadcrumb is displayed which indicates the current note as well as its parent notes and allows for quick navigation throughout the hierarchy.

On the right side, specific sections will show depending on the type of the current note.

    -
  1. For code notes, the language mode of the note is indicated (e.g. JavaScript, +
  2. For code notes, the language mode of the note is indicated (e.g. JavaScript, plain text), as well as allowing easy switching to another mode.
    3. -
  3. For text notes, the content language is displayed and can be changed, +
  4. For text notes, the content language is displayed and can be changed, thus configuring the spell-check and the right-to-left support.
      -
    1. Note that this applies to the entire note and not the selection, unlike +
    2. Note that this applies to the entire note and not the selection, unlike some text editors.
    -
    5. -
  5. If a note is placed in multiple places in the tree (cloned), the number - of the note paths will be displayed. -
      -
    1. Clicking it will reveal the full list of note paths and a button to place - it somewhere else.
      2. -
    -
    6. -
  6. If a note has attachments, their number will be displayed. -
      -
    1. Clicking on it will reveal the list of attachments in a new tab.
      2. -
    -
    7. -
  7. If a note is linked from other text notes (backlinks), the number of backlinks - will be displayed. -
      -
    1. Clicking on it will show the list of notes that link to this note, as - well as an excerpt of where the note is referenced.
      2. -
    -
    8. + +
  8. If a note is placed in multiple places in the tree (cloned), the number + of the note paths will be displayed. +
      +
    1. Clicking it will reveal the full list of note paths and a button to place + it somewhere else.
      2. +
    +
    9. +
  9. If a note has attachments, their number will be displayed. +
      +
    1. Clicking on it will reveal the list of attachments in a new tab.
      2. +
    +
    10. +
  10. If a note is linked from other text notes (backlinks), the number of backlinks + will be displayed. +
      +
    1. Clicking on it will show the list of notes that link to this note, as + well as an excerpt of where the note is referenced.
      2. +
    +

Regardless of note type, the following items will always be displayed if there is a note:

    -
  1. Note info, which displays: +
  2. Note info, which displays:
      -
    1. The creation/modification date of the note.
      2. -
    2. The type and MIME of the note.
      3. -
    3. The note ID.
      4. -
    4. An estimation of the note size of the note itself and its children.
      5. -
    5. A button to show Similar notes.
      6. -
    +
  3. The creation/modification date of the note.
    4. +
  4. The type and MIME of the note.
    5. +
  5. The note ID.
    6. +
  6. An estimation of the note size of the note itself and its children.
    7. +
  7. A button to show Similar notes.
    8. +
\ No newline at end of file diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.html index ee5335c45..fc33f8aed 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note buttons.html @@ -3,15 +3,15 @@

-

On the New Layout, +

On the New Layout, the button area is populated by some more buttons that are specific to the current note. For example, for Image and File notes, - the download and copy buttons were relocated there.

\ No newline at end of file + href="#root/_help_W8vYD3Q1zjCR">File notes, the download and copy buttons + were relocated there.

\ No newline at end of file diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Feature Highlights.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Feature Highlights.html index 86f103977..c4af42f28 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Feature Highlights.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Feature Highlights.html @@ -3,93 +3,89 @@ of brevity, beta versions are skipped and the features gathered to the nearest stable version.