@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.
- package/css/30-tabs.css +13 -6
- 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:
|
|
63
|
-
|
|
64
|
-
(.wt-tab-scroll has overflow-x: auto).
|
|
65
|
-
|
|
66
|
-
|
|
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
|
-
|
|
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.
|
|
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",
|