From 2510fc0d68bc40f810ade21fdc052e68b9c30efb Mon Sep 17 00:00:00 2001
From: garrettmills <shout@garrettmills.dev>
Date: Mon, 16 Nov 2020 09:47:06 -0600
Subject: [PATCH] Hide page link icon when no page; make markdown edit rwork
 better on small width

---
 .../database/renderers/page-link-renderer.component.ts   | 2 +-
 .../components/nodes/markdown/markdown.component.html    | 4 ++--
 src/app/components/nodes/markdown/markdown.component.ts  | 9 +++++++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/components/editor/database/renderers/page-link-renderer.component.ts b/src/app/components/editor/database/renderers/page-link-renderer.component.ts
index 857e8e9..7cd54a4 100644
--- a/src/app/components/editor/database/renderers/page-link-renderer.component.ts
+++ b/src/app/components/editor/database/renderers/page-link-renderer.component.ts
@@ -6,7 +6,7 @@ import {NavigationService} from '../../../../service/navigation.service';
 @Component({
     selector: 'editor-page-link-renderer',
     template: `
-    <div title="Control-click to open this page" (click)="onClick($event)">
+    <div title="Control-click to open this page" (click)="onClick($event)" *ngIf="pageId">
         <i class="fa fa-sticky-note" style="margin-right: 5px; color: var(--noded-background-note);"></i> {{ pageTitle }}
     </div>`,
 })
diff --git a/src/app/components/nodes/markdown/markdown.component.html b/src/app/components/nodes/markdown/markdown.component.html
index 0b3bc59..7134f5f 100644
--- a/src/app/components/nodes/markdown/markdown.component.html
+++ b/src/app/components/nodes/markdown/markdown.component.html
@@ -1,4 +1,4 @@
-<div class="container" (dblclick)="onFocusIn()">
+<div class="container" (dblclick)="onFocusIn()" (resized)="onEditorHostResize($event)">
     <div class="editor-container" *ngIf="showEditor">
         <ngx-monaco-editor class="editor"
             [options]="editorOptions"
@@ -7,5 +7,5 @@
             #editor
         ></ngx-monaco-editor>
     </div>
-    <div class="display markdown-display" markdown katex [data]="contents"></div>
+    <div class="display markdown-display" markdown katex [data]="contents" *ngIf="!showEditor || (showEditor && !singleColumn)"></div>
 </div>
\ No newline at end of file
diff --git a/src/app/components/nodes/markdown/markdown.component.ts b/src/app/components/nodes/markdown/markdown.component.ts
index 6019ed2..732f148 100644
--- a/src/app/components/nodes/markdown/markdown.component.ts
+++ b/src/app/components/nodes/markdown/markdown.component.ts
@@ -20,6 +20,7 @@ export class MarkdownComponent extends EditorNodeContract implements OnInit {
     private dirtyOverride = false;
     public showEditor = false;
     protected hadOneFocusOut = false;
+    public singleColumn = false;
 
     public editorOptions = {
         theme: this.isDark() ? 'vs-dark' : 'vs',
@@ -91,4 +92,12 @@ export class MarkdownComponent extends EditorNodeContract implements OnInit {
             this.showEditor = false;
         }
     }
+
+    onEditorHostResize($event) {
+        if ( $event.newWidth < 700 && !this.singleColumn ) {
+            this.singleColumn = true;
+        } else if ( $event.newWidth > 700 && this.singleColumn ) {
+            this.singleColumn = false;
+        }
+    }
 }