feat(docs): improve documentation on Mermaid

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Floating buttons.md

@@ -0,0 +1,13 @@
+# Floating buttons
+![](Floating%20buttons_image.png)
+
+Depending on the current note, a panel will appear near the top-right of the note, right underneath the [Ribbon](Ribbon.md). These buttons offer additional interaction that is specific to that particular note.
+
+For example:
+
+*   For [Mermaid Diagrams](../../Note%20Types/Mermaid%20Diagrams.md) and [Canvas](../../Note%20Types/Canvas.md), there are buttons to download the SVG representation of the note, or to copy a reference to the note for pasting it a [Text](../../Note%20Types/Text.md) note.
+*   For [read-only notes](../Notes/Read-Only%20Notes.md), there is a button to temporarily edit the note for quick modifications.
+
+## Interaction
+
+The floating button area can be collapsed by pressing the two right arrows at the end of the section.