build

Author: jcubic

README.md

@@ -8,7 +8,7 @@
 [![npm](https://img.shields.io/badge/npm-DEV-blue.svg)](https://www.npmjs.com/package/jquery.terminal)
 ![bower](https://img.shields.io/badge/bower-DEV-yellow.svg)
 [![Build and test](https://github.com/jcubic/jquery.terminal/actions/workflows/build.yaml/badge.svg?branch=devel&event=push)](https://github.com/jcubic/jquery.terminal/actions/workflows/build.yaml)
-[![Coverage Status](https://coveralls.io/repos/github/jcubic/jquery.terminal/badge.svg?branch=devel&fd1428cc07b47e9b924bc0bef4da0f89)](https://coveralls.io/github/jcubic/jquery.terminal?branch=devel)
+[![Coverage Status](https://coveralls.io/repos/github/jcubic/jquery.terminal/badge.svg?branch=devel&9b12a0d46f8ce029080444cbbcb7f180)](https://coveralls.io/github/jcubic/jquery.terminal?branch=devel)
 ![NPM Downloads](https://img.shields.io/npm/dm/jquery.terminal.svg?style=flat)
 [![jsDelivr Downloads](https://data.jsdelivr.com/v1/package/npm/jquery.terminal/badge?style=rounded&n=1)](https://www.jsdelivr.com/package/npm/jquery.terminal)
 [![Paid Support](https://img.shields.io/badge/paid-support-354465.svg)](https://support.jcubic.pl/)
@@ -97,7 +97,7 @@ You can use any version you want, everything what [jsDelivr GH API accepts](http
 
 You can find all interactive examples of jQuery Terminal in one place:
 
-- [CodePen Collection of jQuery Terminal Demos](https://codepen.io/collection/LPjoaW)
+* [CodePen Collection of jQuery Terminal Demos](https://codepen.io/collection/LPjoaW)
 
 ### Installation
 

css/jquery.terminal-src.css

@@ -114,6 +114,10 @@ body.full-screen-terminal {
     min-height: 100%;
     height: 100%;
 }
+.terminal .terminal-virtual-filler {
+    height: calc(var(--terminal-line-count) * var(--terminal-line));
+    z-index: -1;
+}
 .terminal > .terminal-pixel {
     position: absolute;
     display: inline;

css/jquery.terminal.css

@@ -12,7 +12,7 @@
  * Copyright (c) 2010-2025 Jakub T. Jankiewicz <https://jcubic.pl/me>
  * Released under the MIT license
  *
- * Date: Sat, 20 Sep 2025 14:38:53 +0000
+ * Date: Sun, 04 Jan 2026 10:39:33 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd-prompt, .cmd-prompt div {
@@ -114,6 +114,10 @@ body.full-screen-terminal {
     min-height: 100%;
     height: 100%;
 }
+.terminal .terminal-virtual-filler {
+    height: calc(var(--terminal-line-count) * var(--terminal-line));
+    z-index: -1;
+}
 .terminal > .terminal-pixel {
     position: absolute;
     display: inline;
@@ -157,6 +161,7 @@ body.full-screen-terminal {
     color: #000 !important;
 }
 .terminal .terminal-output > :not(.raw) a[href],
+.terminal .raw pre.terminal-signature a[href],
 .cmd a[href],
 .terminal.external a[href] {
     color: #3377FF;
@@ -165,20 +170,23 @@ body.full-screen-terminal {
 }
 .cmd a[href]:not(.terminal-inverted),
 .terminal .terminal-output > :not(.raw) a[href]:not(.terminal-inverted),
+.terminal .raw pre.terminal-signature a[href]:not(.terminal-inverted),
 .terminal.external a[href]:not(.terminal-inverted) {
     --color: var(--link-color, #3377FF);
     /* conditionals: https://www.kizu.ru/conditions-for-css-variables/ */
     /* --glow: 0; */
     text-shadow: 0 0 calc(var(--glow) * 5px) var(--color, #ccc);
 }
 .terminal .terminal-output > :not(.raw) a[href].terminal-inverted,
+.terminal .raw pre.terminal-signature a[href].terminal-inverted,
 .terminal.external a[href].terminal-inverted {
     background: var(--color, #ccc);
     /* conditionals: https://www.kizu.ru/conditions-for-css-variables/ */
     /* --glow: 0; */
     text-shadow: 0 0 calc(var(--glow) * 5px) var(--background, #000);
 }
 .terminal .terminal-output > :not(.raw) a[href]:hover,
+.terminal .raw pre.terminal-signature a[href]:hover,
 .cmd a[href]:hover,
 .terminal.external a[href]:hover {
     background-color: #3377FF;
@@ -192,12 +200,14 @@ body.full-screen-terminal {
  */
 @container style(--background: transparent) {
   .terminal .terminal-output > :not(.raw) a[href]:hover,
+  .terminal .raw pre.terminal-signature a[href]:hover,
   .cmd a[href]:hover,
   .terminal.external a[href]:hover {
     --base-background: black;
   }
 }
 .terminal .terminal-output > :not(.raw) a[href] span,
+.terminal .raw pre.terminal-signature a[href] span,
 .cmd a[href] span,
 .terminal.external a[href] span {
     /*
@@ -210,6 +220,7 @@ body.full-screen-terminal {
     text-decoration: underline;
 }
 .terminal .terminal-output > :not(.raw) a[href]:hover span,
+.terminal .raw pre.terminal-signature a[href]:hover span,
 .cmd a[href]:hover span,
 .terminal.external a[href]:hover span {
     background-color: #3377FF !important;
@@ -295,12 +306,16 @@ body.full-screen-terminal {
 .cmd {
     font-size: 12px;
 }
-.terminal-output > div:not(.raw) div::before,
+.terminal-output > div div::before,
 .cmd .cmd-line::before {
     content: '\0200B';
     width: 0;
     display: inline-block;
 }
+.cmd.raw .cmd-prompt {
+    white-space: pre-wrap;
+    word-break: break-all;
+}
 .cmd .cmd-line {
     white-space: nowrap;
 }
@@ -828,7 +843,8 @@ terminal .terminal-output > div {
     --color: var(--error-color, red);
     text-shadow: 0 0 calc(var(--glow) * 5px) var(--color);
 }
-.terminal .terminal-output > :not(.raw) a[href] {
+.terminal .terminal-output > :not(.raw) a[href],
+.terminal .raw pre.terminal-signature a[href] {
     text-shadow: 0 0 calc(var(--glow) * 5px) var(--color);
 }
 .terminal .cmd {
@@ -1105,6 +1121,7 @@ terminal .terminal-output > div {
 .terminal-glow a[data-text],
 .terminal-glow [data-text] span,
 .terminal-glow .terminal-output > div span,
+.terminal-glow .raw pre.terminal-signature a[href],
 .terminal-glow .terminal-output > div a[href] {
     text-shadow: 1px 1px 5px #ccc;
     text-shadow: 1px 1px 5px var(--color, #ccc);