@cplieger/web-terminal-ui 4.5.0 → 4.5.1

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.
Files changed (2) hide show
  1. package/css/30-tabs.css +13 -6
  2. package/package.json +1 -1
package/css/30-tabs.css CHANGED
@@ -59,14 +59,21 @@
59
59
  display: inline-flex;
60
60
  align-items: center;
61
61
  gap: var(--sp-1);
62
- /* Browser-style tabs: up to 300px per tab when there is room, shrinking toward
63
- a 100px floor as the strip fills; past the floor the list scrolls horizontally
64
- (.wt-tab-scroll has overflow-x: auto). flex-grow is 0, so the 300px basis is a
65
- hard cap — every tab is the same size and never stretches past it, whatever
66
- its title; the label truncates instead. box-sizing keeps the basis a true
62
+ /* Browser-style tabs: every tab STARTS at the full 300px, shrinking toward a
63
+ 100px floor only once the strip is full; past the floor the list scrolls
64
+ horizontally (.wt-tab-scroll has overflow-x: auto). A definite width (not
65
+ flex-basis: 300px) is load-bearing: the scroller shrink-wraps its content,
66
+ and in intrinsic sizing a non-growable item's flex BASIS caps at its
67
+ content width (min(label, 300px)) — short-labeled tabs then rendered at
68
+ content width and every added tab dragged all widths toward the mean. A
69
+ definite width contributes the full 300px regardless of the label, while
70
+ flex-shrink still compresses it once the bar runs out of room. flex-grow
71
+ is 0, so 300px is also a hard cap — every tab is the same size whatever
72
+ its title; the label truncates instead. box-sizing keeps the width a true
67
73
  total. */
68
74
  box-sizing: border-box;
69
- flex: 0 1 300px;
75
+ width: 300px;
76
+ flex: 0 1 auto;
70
77
  min-width: 100px;
71
78
  padding: var(--sp-2);
72
79
  /* A transparent border is reserved on every tab so toggling the inactive
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cplieger/web-terminal-ui",
3
- "version": "4.5.0",
3
+ "version": "4.5.1",
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": "GPL-3.0-or-later",