diff --git a/src/templates/app.html b/src/templates/app.html index 96ecb7036..2e1505c43 100644 --- a/src/templates/app.html +++ b/src/templates/app.html @@ -51,7 +51,7 @@   - +
@@ -70,19 +70,6 @@
-

This prototype version supports basic editing, including some formatting (bold, italic, strike-through, underscore), images (just paste it into editor) and links. To edit the note, just click on title or content and you can directly modify it. Changes are saved immediately.

- -

You can work with the tree using following keyboard shortcuts:

- -
    -
  • insert - create new note on current tree level
  • -
  • ctrl + insert - create new sub-note
  • -
  • delete - delete current note (and it's sub-notes)
  • -
  • shift + up - move current note up in the current tree level
  • -
  • shift + down - move current note down in the current tree level
  • -
  • shift + left - move current note up in the tree hierarchy
  • -
  • shift + right - move current note down in the tree hierarchy
  • -
diff --git a/static/style.css b/static/style.css index c94bee948..8da03b46f 100644 --- a/static/style.css +++ b/static/style.css @@ -1,3 +1,18 @@ +body { + display: grid; + height: 100vh; + grid-template-areas: "messages messages" + "search title" + "tree-buttons note-content" + "tree note-content"; + grid-template-columns: 1fr 3fr; + grid-template-rows: auto + auto + auto + 1fr; + grid-gap: 10px; +} + .note-editable { /* This is because with empty content height of editor is 0 and it's impossible to click into it */ min-height: 400px; @@ -70,19 +85,4 @@ span.fancytree-node.encrypted.fancytree-folder > span.fancytree-icon { #encryptButton, #decryptButton { display: none; -} - -body { - display: grid; - height: 100vh; - grid-template-areas: "messages messages" - "search title" - "tree-buttons note-content" - "tree note-content"; - grid-template-columns: 1fr 3fr; - grid-template-rows: auto - auto - auto - 1fr; - grid-gap: 10px; } \ No newline at end of file