fix resize of the terminal with long prompt #919

The problem was that cmd was resized and overflowed then it was refreshed with new number of columns. This was causing visible empty lines caused by style of ::before pseudo selector before the each line (.cmd-line).
jcubic · Apr 7, 2024 · ddf9107 · ddf9107
1 parent c189b81
commit ddf9107
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 2.39.4
+### Bugfix
+* fix init and resize of long prompt [#919](https://github.com/jcubic/jquery.terminal/issues/919)
+
 ## 2.39.3
 ### Bugfix
 * fix broken full screen terminal height on Desktop

diff --git a/css/jquery.terminal-src.css b/css/jquery.terminal-src.css
@@ -83,6 +83,7 @@
     scrollbar-gutter: stable;
     height: 100%;
     box-sizing: border-box;
+    overflow-x: hidden;
 }
 terminal.terminal-temp {
     visibility: hidden;
@@ -287,6 +288,9 @@ body.full-screen-terminal {
     width: 0;
     display: inline-block;
 }
+.cmd .cmd-line {
+    white-space: nowrap;
+}
 .terminal span[data-text],
 .cmd span[data-text] {
     display: inline-block;

diff --git a/css/jquery.terminal.css b/css/jquery.terminal.css
@@ -12,7 +12,7 @@
  * Copyright (c) 2011-2023 Jakub T. Jankiewicz <https://jcubic.pl/me>
  * Released under the MIT license
  *
- * Date: Sun, 07 Apr 2024 16:50:24 +0000
+ * Date: Sun, 07 Apr 2024 17:14:02 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd-prompt, .cmd-prompt div {
@@ -83,6 +83,7 @@
     scrollbar-gutter: stable;
     height: 100%;
     box-sizing: border-box;
+    overflow-x: hidden;
 }
 terminal.terminal-temp {
     visibility: hidden;
@@ -287,6 +288,9 @@ body.full-screen-terminal {
     width: 0;
     display: inline-block;
 }
+.cmd .cmd-line {
+    white-space: nowrap;
+}
 .terminal span[data-text],
 .cmd span[data-text] {
     display: inline-block;

diff --git a/css/jquery.terminal.min.css b/css/jquery.terminal.min.css
diff --git a/css/jquery.terminal.min.css.map b/css/jquery.terminal.min.css.map
diff --git a/js/jquery.terminal.js b/js/jquery.terminal.js
@@ -41,7 +41,7 @@
  *
  * broken image by Sophia Bai from the Noun Project (CC-BY)
  *
- * Date: Sun, 07 Apr 2024 16:52:49 +0000
+ * Date: Sun, 07 Apr 2024 17:14:01 +0000
  */
 /* global define, Map, BigInt */
 /* eslint-disable */
@@ -5305,7 +5305,7 @@
     // -------------------------------------------------------------------------
     $.terminal = {
         version: 'DEV',
-        date: 'Sun, 07 Apr 2024 16:52:49 +0000',
+        date: 'Sun, 07 Apr 2024 17:14:01 +0000',
         // colors from https://www.w3.org/wiki/CSS/Properties/color/keywords
         color_names: [
             'transparent', 'currentcolor', 'black', 'silver', 'gray', 'white',

diff --git a/js/jquery.terminal.min.js b/js/jquery.terminal.min.js
diff --git a/js/jquery.terminal.min.js.map b/js/jquery.terminal.min.js.map