fix moving cursor on click (after multiline command) and the height o…

…f the cmd plugin
jcubic · Jun 29, 2017 · 16ba931 · 16ba931
1 parent cdf2d1d
commit 16ba931
Show file tree

Hide file tree

Showing 6 changed files with 400 additions and 399 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@
 * fix input on Firefox with google keyboard (reported by Filip Wieland)
 * disable terminal on resume event in cordova (is the terminal is disabled when
   no virutal keyboard)
+* fix moving cursor on click and the height of the cmd plugin
 
 
 ## 1.4.3

diff --git a/css/jquery.terminal-1.4.3.css b/css/jquery.terminal-1.4.3.css
@@ -12,7 +12,7 @@
  * Copyright (c) 2011-2017 Jakub Jankiewicz <http://jcubic.pl>
  * Released under the MIT license
  *
- * Date: Wed, 28 Jun 2017 16:07:52 +0000
+ * Date: Thu, 29 Jun 2017 06:47:05 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd .prompt, .cmd .prompt div, .terminal .terminal-output div div{
@@ -70,9 +70,9 @@
 }
 .cmd {
     padding: 0;
-    height: 1.3em;
     position: relative;
     /*margin-top: 3px; */
+    float: left;
 }
 .terminal .inverted, .cmd .inverted {
     background-color: #aaa;
@@ -95,136 +95,6 @@
 .bar.terminal .inverted, .bar.cmd .inverted {
     border-left-color: #aaa;
 }
-@-webkit-keyframes terminal-blink {
-  0%, 100% {
-      background-color: #000;
-      color: #aaa;
-  }
-  50% {
-      background-color: #bbb;
-      color: #000;
-  }
-}
-
-@-ms-keyframes terminal-blink {
-  0%, 100% {
-      background-color: #000;
-      color: #aaa;
-  }
-  50% {
-      background-color: #bbb;
-      color: #000;
-  }
-}
-
-@-moz-keyframes terminal-blink {
-  0%, 100% {
-      background-color: #000;
-      color: #aaa;
-  }
-  50% {
-      background-color: #bbb;
-      color: #000;
-  }
-}
-@keyframes terminal-blink {
-  0%, 100% {
-      background-color: #000;
-      color: #aaa;
-  }
-  50% {
-      background-color: #bbb; /* not #aaa because it's seems there is Google Chrome bug */
-      color: #000;
-  }
-}
-@-webkit-keyframes terminal-bar {
-  0%, 100% {
-      border-left-color: #aaa;
-  }
-  50% {
-      border-left-color: #000;
-  }
-}
-@-ms-keyframes terminal-bar {
-  0%, 100% {
-      border-left-color: #aaa;
-  }
-  50% {
-      border-left-color: #000;
-  }
-}
-@-moz-keyframes terminal-bar {
-  0%, 100% {
-      border-left-color: #aaa;
-  }
-  50% {
-      border-left-color: #000;
-  }
-}
-@keyframes terminal-bar {
-  0%, 100% {
-      border-left-color: #aaa;
-  }
-  50% {
-      border-left-color: #000;
-  }
-}
-@-webkit-keyframes terminal-underline {
-  0%, 100% {
-      border-bottom-color: #aaa;
-      position: relative;
-      line-height: 12px;
-      border-left: none;
-  }
-  50% {
-      border-bottom-color: #000;
-      position: relative;
-      line-height: 12px;
-      border-left: none;
-  }
-}
-@-ms-keyframes terminal-underline {
-  0%, 100% {
-      border-bottom-color: #aaa;
-      position: relative;
-      line-height: 12px;
-      border-left: none;
-  }
-  50% {
-      border-bottom-color: #000;
-      position: relative;
-      line-height: 12px;
-      border-left: none;
-  }
-}
-@-moz-keyframes terminal-underline {
-  0%, 100% {
-      border-bottom-color: #aaa;
-      position: relative;
-      line-height: 12px;
-      border-left: none;
-  }
-  50% {
-      border-bottom-color: #000;
-      position: relative;
-      line-height: 11px;
-      border-left: none;
-  }
-}
-@keyframes terminal-underline {
-  0%, 100% {
-      border-bottom-color: #aaa;
-      position: relative;
-      line-height: 11px;
-      border-left: none;
-  }
-  50% {
-      border-bottom-color: #000;
-      position: relative;
-      line-height: 11px;
-      border-left: none;
-  }
-}
 .terminal .terminal-output div div, .cmd .prompt {
     display: block;
     line-height: 14px;
@@ -388,6 +258,136 @@
 .terminal, .terminal .terminal-fill {
     padding: 10px;
 }
+@-webkit-keyframes terminal-blink {
+  0%, 100% {
+      background-color: #000;
+      color: #aaa;
+  }
+  50% {
+      background-color: #bbb;
+      color: #000;
+  }
+}
+
+@-ms-keyframes terminal-blink {
+  0%, 100% {
+      background-color: #000;
+      color: #aaa;
+  }
+  50% {
+      background-color: #bbb;
+      color: #000;
+  }
+}
+
+@-moz-keyframes terminal-blink {
+  0%, 100% {
+      background-color: #000;
+      color: #aaa;
+  }
+  50% {
+      background-color: #bbb;
+      color: #000;
+  }
+}
+@keyframes terminal-blink {
+  0%, 100% {
+      background-color: #000;
+      color: #aaa;
+  }
+  50% {
+      background-color: #bbb; /* not #aaa because it's seems there is Google Chrome bug */
+      color: #000;
+  }
+}
+@-webkit-keyframes terminal-bar {
+  0%, 100% {
+      border-left-color: #aaa;
+  }
+  50% {
+      border-left-color: #000;
+  }
+}
+@-ms-keyframes terminal-bar {
+  0%, 100% {
+      border-left-color: #aaa;
+  }
+  50% {
+      border-left-color: #000;
+  }
+}
+@-moz-keyframes terminal-bar {
+  0%, 100% {
+      border-left-color: #aaa;
+  }
+  50% {
+      border-left-color: #000;
+  }
+}
+@keyframes terminal-bar {
+  0%, 100% {
+      border-left-color: #aaa;
+  }
+  50% {
+      border-left-color: #000;
+  }
+}
+@-webkit-keyframes terminal-underline {
+  0%, 100% {
+      border-bottom-color: #aaa;
+      position: relative;
+      line-height: 12px;
+      border-left: none;
+  }
+  50% {
+      border-bottom-color: #000;
+      position: relative;
+      line-height: 12px;
+      border-left: none;
+  }
+}
+@-ms-keyframes terminal-underline {
+  0%, 100% {
+      border-bottom-color: #aaa;
+      position: relative;
+      line-height: 12px;
+      border-left: none;
+  }
+  50% {
+      border-bottom-color: #000;
+      position: relative;
+      line-height: 12px;
+      border-left: none;
+  }
+}
+@-moz-keyframes terminal-underline {
+  0%, 100% {
+      border-bottom-color: #aaa;
+      position: relative;
+      line-height: 12px;
+      border-left: none;
+  }
+  50% {
+      border-bottom-color: #000;
+      position: relative;
+      line-height: 11px;
+      border-left: none;
+  }
+}
+@keyframes terminal-underline {
+  0%, 100% {
+      border-bottom-color: #aaa;
+      position: relative;
+      line-height: 11px;
+      border-left: none;
+  }
+  50% {
+      border-bottom-color: #000;
+      position: relative;
+      line-height: 11px;
+      border-left: none;
+  }
+}
 @supports (--css: variables) {
     .terminal, .cmd {
         color: var(--color, #aaa);