jody/notes.kaplon.us
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Size CodeMirror editor to window/viewport; may still need some tweaking, but looking quite good.

Browse Source
This commit is contained in:
jkaplon 2016-10-13 08:32:38 -04:00
parent 2dee9a7d81
commit 6a6d87a74c
1 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
views/index.hbs
View File

@ -17,19 +17,35 @@
<script src="addon/edit/matchbrackets.js"></script> <script src="addon/edit/matchbrackets.js"></script>
<script src="keymap/vim.js"></script> <script src="keymap/vim.js"></script>
<style type="text/css"> <style type="text/css">
html, body { height: 100%; margin: 0; padding: 0; }
.wrap {
position: relative;
height: 97%;
background: #eee;
padding: 20px;
box-sizing: border-box;
}
.border {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #999;
position: relative;
height: 97%;
padding: 1px;
}
.CodeMirror { .CodeMirror {
border: 1px solid #eee; height: 100%;
height: auto;
border-top: 1px solid black;
border-bottom: 1px solid black;
} }
</style> </style>
</head> </head>
<body> <body>
<form><textarea id="editor" name="editor"> <div class=wrap>
{{{notetxt}}} <div class=border>
</textarea></form> <textarea id="editor" name="editor">{{{notetxt}}}</textarea>
</div>
</div>
<div style="font-size: 13px; width: 300px; height: 30px;">Key buffer: <span id="command-display"></span></div> <div style="font-size: 13px; width: 300px; height: 30px;">Key buffer: <span id="command-display"></span></div>
<script> <script>
@ -41,7 +57,8 @@
showCursorWhenSelecting: true, showCursorWhenSelecting: true,
viewportMargin: Infinity, viewportMargin: Infinity,
indentUnit: 4, indentUnit: 4,
styleActiveLine: true styleActiveLine: true,
autofocus: true
}); });
// Add my .vimrc stuff. // Add my .vimrc stuff.
CodeMirror.Vim.map('jj', '<Esc>', 'insert') CodeMirror.Vim.map('jj', '<Esc>', 'insert')