diff --git a/ElectronClient/app/gui/NoteList.jsx b/ElectronClient/app/gui/NoteList.jsx index f1bad37ed..95d86a38e 100644 --- a/ElectronClient/app/gui/NoteList.jsx +++ b/ElectronClient/app/gui/NoteList.jsx @@ -88,7 +88,7 @@ class NoteListComponent extends React.Component { await Note.save(newNote); } - const padding = 6; + const hPadding = 10; let style = Object.assign({ width: width }, this.style().listItem); if (this.props.selectedNoteId === item.id) style = Object.assign(style, this.style().listItemSelected); @@ -96,13 +96,13 @@ class NoteListComponent extends React.Component { // Setting marginBottom = 1 because it makes the checkbox looks more centered, at least on Windows // but don't know how it will look in other OSes. const checkbox = item.is_todo ? -
+
{ onCheckboxClick(event, item) }}/>
: null; let listItemTitleStyle = Object.assign({}, this.style().listItemTitle); - listItemTitleStyle.paddingLeft = checkbox ? padding : 4; + listItemTitleStyle.paddingLeft = !checkbox ? hPadding : 4; if (item.is_todo && !!item.todo_completed) listItemTitleStyle = Object.assign(listItemTitleStyle, this.style().listItemTitleCompleted); return
diff --git a/ElectronClient/app/gui/NoteText.jsx b/ElectronClient/app/gui/NoteText.jsx index f413b3667..39bd51350 100644 --- a/ElectronClient/app/gui/NoteText.jsx +++ b/ElectronClient/app/gui/NoteText.jsx @@ -329,7 +329,6 @@ class NoteTextComponent extends React.Component { overflow: 'hidden', float: 'left', verticalAlign: 'top', - borderLeft: '1px solid ' + theme.dividerColor, boxSizing: 'border-box', }; @@ -351,7 +350,6 @@ class NoteTextComponent extends React.Component { // to this bug: https://github.com/electron/electron/issues/8277 // So instead setting the width 0. viewerStyle.width = 0; - viewerStyle.borderLeft = 'none'; editorStyle.width = innerWidth; } @@ -360,6 +358,12 @@ class NoteTextComponent extends React.Component { viewerStyle.width = innerWidth; } + if (visiblePanes.indexOf('viewer') >= 0 && visiblePanes.indexOf('editor') >= 0) { + viewerStyle.borderLeft = '1px solid ' + theme.dividerColor; + } else { + viewerStyle.borderLeft = 'none'; + } + if (this.state.webviewReady) { const mdOptions = { onResourceLoaded: () => { @@ -404,6 +408,7 @@ class NoteTextComponent extends React.Component { onScroll={(event) => { this.editor_scroll(); }} ref={(elem) => { this.editor_ref(elem); } } onChange={(body) => { this.aceEditor_change(body) }} + showPrintMargin={false} // Disable warning: "Automatically scrolling cursor into view after // selection change this will be disabled in the next version set