Added full-width style, switched off of the "readableLineLength" conf…

…ig option
cooklang · Aug 5, 2023 · 928aec9 · 928aec9
1 parent 2c0a759
commit 928aec9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/src/cookView.ts b/src/cookView.ts
@@ -23,10 +23,18 @@ export class CookView extends TextFileView {
 
     this.alarmAudio = new Howl({ src: [alarmMp3], loop: false, preload: true });
     this.timerAudio = new Howl({ src: [timerMp3], loop: true, preload: true });
-    // Add Preview Mode Container
-    this.previewEl = this.contentEl.createDiv({ cls: 'cook-preview-view', attr: { 'style': 'display: none' } });
-    // Add Source Mode Container
-    this.sourceEl = this.contentEl.createDiv({ cls: 'cook-source-view', attr: { 'style': 'display: block' } });
+    if ((this.app.vault as any).getConfig('readableLineLength')) {
+      // Add Preview Mode Container
+      this.previewEl = this.contentEl.createDiv({ cls: 'cook-preview-view', attr: { 'style': 'display: none' } });
+      // Add Source Mode Container
+      this.sourceEl = this.contentEl.createDiv({ cls: 'cook-source-view', attr: { 'style': 'display: block' } });
+    }
+    else {
+      // Add Source Mode Container
+      this.previewEl = this.contentEl.createDiv({ cls: 'cook-preview-view-full', attr: { 'style': 'display: none' } });
+      // Add Source Mode Container
+      this.sourceEl = this.contentEl.createDiv({ cls: 'cook-source-view-full', attr: { 'style': 'display: block' } });
+    }
     // Create CodeMirror Editor with specific config
     this.editor = CodeMirror.fromTextArea(this.sourceEl.createEl('textarea', { cls: 'cook-cm-editor' }), {
       lineNumbers: (this.app.vault as any).getConfig('showLineNumber'),

diff --git a/src/styles.scss b/src/styles.scss
@@ -9,6 +9,11 @@
     margin-left: auto;
     margin-right: auto;
   }
+  .cook-preview-view-full,
+  .cook-source-view-full {
+    margin-left: auto;
+    margin-right: auto;
+  }
 
   .main-image {
     width: 100vw;