removed initial help message - outdated and help will be done differently

This commit is contained in:
azivner 2017-09-24 11:52:16 -04:00
parent 398a0bce5e
commit da17bc6370
2 changed files with 16 additions and 29 deletions

View file

@ -51,7 +51,7 @@
   
<input autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0; flex-grow: 100;" tabindex="1"> <input autocomplete="off" value="" id="noteTitle" style="font-size: x-large; border: 0; flex-grow: 100;" tabindex="1">
<div class="hide-toggle"> <div class="hide-toggle">
<span id="top-message"></span> <span id="top-message"></span>
@ -70,19 +70,6 @@
<div style="overflow: auto; grid-area: note-content"> <div style="overflow: auto; grid-area: note-content">
<div id="noteDetail"> <div id="noteDetail">
<p>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.</p>
<p>You can work with the tree using following keyboard shortcuts:</p>
<ul>
<li>insert - create new note on current tree level</li>
<li>ctrl + insert - create new sub-note</li>
<li>delete - delete current note (and it's sub-notes)</li>
<li>shift + up - move current note up in the current tree level</li>
<li>shift + down - move current note down in the current tree level</li>
<li>shift + left - move current note up in the tree hierarchy</li>
<li>shift + right - move current note down in the tree hierarchy</li>
</ul>
</div> </div>
</div> </div>

View file

@ -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 { .note-editable {
/* This is because with empty content height of editor is 0 and it's impossible to click into it */ /* This is because with empty content height of editor is 0 and it's impossible to click into it */
min-height: 400px; min-height: 400px;
@ -71,18 +86,3 @@ span.fancytree-node.encrypted.fancytree-folder > span.fancytree-icon {
#encryptButton, #decryptButton { #encryptButton, #decryptButton {
display: none; 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;
}