fixed caret css position

svr8 · svr8 · commit 22689c627615 · 2019-07-03T09:53:42.000+05:30
diff --git a/css/caret.css b/css/caret.css
@@ -0,0 +1,8 @@
+.caret {
+  position: absolute;
+  height: 2.6vh;
+  left: 1px;
+  border-right: 1px solid black;
+
+  transition: 0.07s;
+}
diff --git a/css/index.css b/css/index.css
@@ -17,15 +17,6 @@ body {
   z-index: 0;
 }
 
-.caret {
-  position: absolute;
-  height: 2.6vh;
-  left: 1px;
-  border-right: 1px solid black;
-
-  transition: 0.07s;
-}
-
 .line {
   position: relative;
   top: 0px;
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 
 <head>
   <link rel="stylesheet" type="text/css" href="css/index.css">
+  <link rel="stylesheet" type="text/css" href="css/caret.css">
 </head>
 
 <body>
diff --git a/js/caret.js b/js/caret.js
@@ -24,7 +24,13 @@ Caret.prototype = {
     let top, left;
     if(this.row == 1) top = 0;
     else top = $(`.line:nth-child(${this.row})`).position().top;
-    if(this.col == 1 || el == undefined) left = 15;
+    if(this.col == 1 || el == undefined) {
+      if(el == undefined) {
+        left = $(`.line:nth-child(${this.row}) .linenum`).width() + 10;
+        console.log(`> ${left}`);
+      } else 
+      left = 15;
+    }
     else left = $(el).position().left + $(el).width();
 
     caretElement.style.top = `${top}px`;
diff --git a/js/keyboard.js b/js/keyboard.js
@@ -46,7 +46,7 @@ const keyToChar = function(keyCode) {
 // KEYDOWN
 const handleKeyDown = function(keyCode) {
   var tmpkey = String.fromCharCode(keyCode);
-  console.log(tmpkey + ' ' + keyCode);
+  // console.log(tmpkey + ' ' + keyCode);
 
   // TRIGGER HELPER KEYS: CTRL, SHIFT
   if(keyCode == shiftKey.keyCode) {
