Fixed a bug with setting name on new file, improved styling, changed default size of window. bumped version to 0.2.0

Author: CoreParadox

package.json

@@ -1,6 +1,6 @@
 {
   "name": "stickynoteapp",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

public/style.css

@@ -54,23 +54,32 @@ body {
   background: none;
   color: white;
   width:20%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 #NavBar select {
-  border-top: none;
-  border-left: none;
-  border-right: none;
-  border-bottom: 3px dashed lightblue;
-  background: none;
+  border:none;
+  background: #2c3e50;
   color: white;
+  border-bottom: 3px solid lightblue;
   width:20%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  left: 0;
 }
 
 #NavBar option{
+  border:none;
   background:#2c3e50;
+  outline: none;
 }
 
-textarea:focus,
-input:focus {
+#NavBar textarea:focus,
+#NavBar input:focus,
+#NavBar select:focus,
+#NavBar option:focus{
   outline: none;
 }

src/background.ts

@@ -17,7 +17,7 @@ function createWindow () {
   // Create the browser window.
   win = new BrowserWindow({ 
     minWidth:230,
-    width:300,
+    width:400,
     height:400,
     minHeight:400,
     autoHideMenuBar: true, 

src/components/Editor.vue

@@ -43,8 +43,8 @@ export default class Editor extends Vue {
     console.log("this.filePath: " + this.filePath);
     readFile(this.filePath(), { encoding: "utf8" }, (e: any, d: any) => {
       console.log(e);
-      this.configureEditor(d);
       this.emitFileLoaded();
+      this.configureEditor(d);
     });
   }
 
@@ -97,13 +97,15 @@ export default class Editor extends Vue {
   }
 
   private configureEditor(defaultValue) {
+    console.log(this.config.editorConfig)
+    console.log(defaultValue)
     if (!this.internalEditor) {
       this.internalEditor = HyperMD.fromTextArea(
         document.getElementById("input-area"),
         this.config.editorConfig
       );
     }
-    this.internalEditor.setValue(defaultValue);
+    this.internalEditor.setValue(defaultValue.toString());
     this.internalEditor.markClean();
     this.StartSaveWatch();
   }

src/components/NavBar.vue

@@ -83,8 +83,9 @@ export default class NavBar extends Vue {
 
   newNote(){
     let FileName = `${Date.now()}.md`
-    fs.writeFile(path.join(new Configuration().notePath,FileName),"# Welcome to your new note!\n","",_=>{
+    fs.writeFile(path.join(new Configuration().notePath,FileName),"# Welcome to your new note!\nLet's write something awesome.","",_=>{
       this.SelectedFile = FileName;
+      this.fileName = FileName;
       this.$root.$emit("fileChange", this.SelectedFile);
     });
   }