From fa4ec0b23c1e4f56dc423388a2bf02da59bae5ff Mon Sep 17 00:00:00 2001
From: Deborah Barnard <deborah@starfallprojects.co.uk>
Date: Wed, 11 Jan 2023 10:35:40 +0000
Subject: [PATCH] add canvas controls and make page show up better in search

---
 docs/reference/keyboard-shortcuts.md | 81 +++++++++++++++++-----------
 mkdocs.yml                           |  8 +--
 2 files changed, 53 insertions(+), 36 deletions(-)

diff --git a/docs/reference/keyboard-shortcuts.md b/docs/reference/keyboard-shortcuts.md
index 609bc1f0c..668f96cc7 100644
--- a/docs/reference/keyboard-shortcuts.md
+++ b/docs/reference/keyboard-shortcuts.md
@@ -1,21 +1,60 @@
 ---
+tags:
+  - Keyboard
+  - Move canvas
+  - Move nodes
+  - Drag and drop
 description: Keyboard shortcuts available in n8n.
+hide:
+  - tags
 ---
 
-# Keyboard shortcuts
+# Keyboard shortcuts and controls
 
-The following keyboard shortcuts are available:
+n8n provides keyboard shortcuts for some actions.
 
 ## General
+ 
+ - **Ctrl** + **Alt** + **n**: Create new workflow
+ - **Ctrl** + **o**: Open workflow
+ - **Ctrl** + **s**: Save the current workflow 
+ - **Ctrl** + **z**: undo
+ - **Ctrl** + **shift** + **z**: redo
 
- - **Ctrl + Left Mouse Button**: Move/Pan Node View
- - **Ctrl + a**: Select all nodes
- - **Ctrl + Alt + n**: Create new workflow
- - **Ctrl + o**: Open workflow
- - **Ctrl + s**: Save the current workflow
- - **Ctrl + v**: Paste nodes
- - **Ctrl + z**: undo
- - **Ctrl + shift + z**: redo
+## Canvas
+
+### Move the canvas
+
+ - **Ctrl** + **Left Mouse Button**: Move node view
+ - **Ctrl** + **Middle mouse button**: Move node view
+ - Two fingers on a touch screen: Move node view
+
+### Canvas zoom
+
+- **+** or **=**: Zoom in
+- **-** or **_**: Zoom out
+- **0**: Reset zoom level
+- **1**: Zoom to fit workflow
+- **Ctrl** + **Mouse wheel**: Zoom in/out
+
+### Nodes on the canvas
+
+- **Ctrl** + **a**: Select all nodes
+- **Ctrl** + **v**: Paste nodes
+
+### With nodes selected in canvas
+
+ - **ArrowDown**: Select sibling node below the current one
+ - **ArrowLeft**: Select node left of the current one
+ - **ArrowRight**: Select node right of the current one
+ - **ArrowUp**: Select sibling node above the current one
+ - **Ctrl** + **c**: Copy nodes
+ - **Ctrl** + **x**: Cut nodes
+ - **d**: Deactivate nodes
+ - **Delete**: Delete nodes
+ - **F2**: Rename node
+ - **Shift** + **ArrowLeft**: Select all nodes left of the current one
+ - **Shift** + **ArrowRight**: Select all nodes right of the current one
 
 ## Node panel
 
@@ -29,28 +68,6 @@ The following keyboard shortcuts are available:
 - **ArrowRight**: Expand category, open subcategory 
 - **ArrowLeft**: Collapse category, close subcategory view
 
-## With nodes selected in canvas
-
- - **ArrowDown**: Select sibling node below the current one
- - **ArrowLeft**: Select node left of the current one
- - **ArrowRight**: Select node right of the current one
- - **ArrowUp**: Select sibling node above the current one
- - **Ctrl + c**: Copy nodes
- - **Ctrl + x**: Cut nodes
- - **d**: Deactivate nodes
- - **Delete**: Delete nodes
- - **F2**: Rename node
- - **Shift + ArrowLeft**: Select all nodes left of the current one
- - **Shift + ArrowRight**: Select all nodes right of the current one
-
-## Canvas zoom
-
-- **+** or **=**: Zoom in
-- **-** or **_**: Zoom out
-- **0**: Reset zoom level
-- **1**: Zoom to fit workflow
-- **Ctrl + Mouse wheel**: Zoom in/out
-
 ## Within nodes
 
 - **=**: in an empty parameter input, this switches to expressions mode.
diff --git a/mkdocs.yml b/mkdocs.yml
index e54509d39..69a2c7b5e 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -43,13 +43,10 @@ markdown_extensions:
   - attr_list
   # https://squidfunk.github.io/mkdocs-material/reference/admonitions/?h=admoni
   - admonition
-  # https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/#superfences Superfences is required for several other features. Always enable.
-  - pymdownx.superfences
   # https://squidfunk.github.io/mkdocs-material/reference/images/
   - md_in_html
-  - pymdownx.details
-  # https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/#superfences Used for tags, setting unique templates for certain pages, and other custom frontmatter.
   - meta
+  - pymdownx.details
   # https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/
   - pymdownx.emoji:
       emoji_index: !!python/name:materialx.emoji.twemoji
@@ -83,6 +80,9 @@ plugins:
   - search
   # https://github.com/oprypin/mkdocs-literate-nav
   - literate-nav
+  # https://squidfunk.github.io/mkdocs-material/setup/setting-up-tags/
+  - tags:
+      enabled: true
 nav:
   - Using n8n:
     - Welcome: index.md