@cplieger/web-terminal-ui 6.0.1 → 6.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/30-tabs.css +18 -1
- package/package.json +4 -4
package/css/30-tabs.css
CHANGED
|
@@ -22,7 +22,24 @@
|
|
|
22
22
|
left: 0;
|
|
23
23
|
right: 0;
|
|
24
24
|
display: flex;
|
|
25
|
-
|
|
25
|
+
/* flex-start, NOT center: the scroller's horizontal scrollbar lives on ITS
|
|
26
|
+
block-end edge, so once the tabs overflow the scroller's box grows by the
|
|
27
|
+
scrollbar height (measured 10px in Blink, 15-17px elsewhere, 0 on
|
|
28
|
+
overlay-scrollbar platforms) while the tabs stay in its top 44px. Centering
|
|
29
|
+
the bar's items then centers the fixed controls on the TALLER box and the
|
|
30
|
+
"+" drops half a scrollbar below the chips it sits next to (5px, measured).
|
|
31
|
+
Top-aligning every bar item pins the "+" and the keyboard button to the
|
|
32
|
+
same 44px control band the chips occupy, and the scrollbar gutter hangs
|
|
33
|
+
below all three inside the bar's own padding. No-op while the tabs fit:
|
|
34
|
+
every item is --touch-target tall, so the line box is exactly that and
|
|
35
|
+
flex-start and center resolve identically.
|
|
36
|
+
|
|
37
|
+
scrollbar-gutter: stable (what 02-terminal.css uses to stop the terminal's
|
|
38
|
+
scrollbar popping in) does NOT solve this and was measured: overflow-x:auto
|
|
39
|
+
with overflow-y:visible computes BOTH axes to auto, so `stable` reserves a
|
|
40
|
+
vertical gutter too — it steals 10px of tab width, and the "+" stays
|
|
41
|
+
misaligned because the block-end gutter is still outside the chips' band. */
|
|
42
|
+
align-items: flex-start;
|
|
26
43
|
gap: var(--sp-1);
|
|
27
44
|
/* Breathing room around the tab area (a roomier bottom bar). */
|
|
28
45
|
padding: var(--sp-2);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cplieger/web-terminal-ui",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Reference touch-first browser UI for @cplieger/web-terminal-engine: a composable kernel + feature modules (tabs, activity monitor, mobile toolbar, context menu, IME, predictive echo, viewport handling) and CSS. One createTerminal() call.",
|
|
6
6
|
"license": "MPL-2.0",
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@eslint/js": "10.0.1",
|
|
50
|
-
"@stryker-mutator/core": "
|
|
51
|
-
"@stryker-mutator/typescript-checker": "
|
|
52
|
-
"@stryker-mutator/vitest-runner": "
|
|
50
|
+
"@stryker-mutator/core": "10.0.0",
|
|
51
|
+
"@stryker-mutator/typescript-checker": "10.0.0",
|
|
52
|
+
"@stryker-mutator/vitest-runner": "10.0.0",
|
|
53
53
|
"@types/node": "26.2.0",
|
|
54
54
|
"@typescript/native": "npm:typescript@7.0.2",
|
|
55
55
|
"@vitest/coverage-v8": "4.1.10",
|