github/filestash
4
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash.git synced 2024-04-21 12:32:08 +00:00
Code Issues Releases Wiki Activity

fix (orgmode): display issues and navigation - #72

Browse Source
This commit is contained in:
Mickael KERJEAN
2018-05-22 15:29:40 +10:00
parent 5ec3e436bd
commit a06f3ea36b
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/pages/viewerpage/editor.js
+11 -2
View File
@@ -57,11 +57,20 @@ export class Editor extends React.Component {
this.props.event.subscribe((data) => {
const [type, value] = data;
if(type === "goTo"){
const pY = this.state.editor.charCoords({line: value, ch: 0}, "local").top;
this.state.editor.operation((cm) => {
this.state.editor.scrollTo(null, pY);
this.state.editor.setSelection({line: value, ch: 0}, {line: value, ch: this.state.editor.getLine(value).length});
});
requestAnimationFrame(() => {
// For some reasons I ignore, codemirror would give different value for scroll position, depending on
// when you ask for it. Based on a few debug sessions, I found out the results to be much more accurate when
// wrapped around an async hack like that
const pY = this.state.editor.charCoords({line: value, ch: 0}, "local").top;
this.state.editor.operation((cm) => {
this.state.editor.scrollTo(null, pY);
this.state.editor.setSelection({line: value, ch: 0}, {line: value, ch: this.state.editor.getLine(value).length});
});
});
}else if(type === "refresh"){
const cursor = this.state.editor.getCursor();
const selections = this.state.editor.listSelections();
client/pages/viewerpage/editor.scss
+7 -2
View File
@@ -93,7 +93,12 @@
/* Make things more confy */
.CodeMirror{
.CodeMirror-code{ line-height: 1.3em; }
.CodeMirror-code{
line-height: 1.3em;
> div{
clear: both;
}
}
&[mode="orgmode"] .CodeMirror-code, &[mode="yaml-frontmatter"] .CodeMirror-code{
line-height: 1.5em;
}
@@ -139,7 +144,7 @@
overflow: hidden;
white-space: nowrap;
}
.cm-s-default .cm-header.cm-comment{font-weight: normal; font-size: 0.9em!important; float: right; display: inline-block; color: var(--secondary);}
.cm-s-default .cm-header.cm-comment{font-weight: normal; font-size: 0.9em!important; float: right; display: inline-block; color: var(--secondary); line-height: 23px;}
pre.CodeMirror-line{clear: right;}