nexabase-report 0.28.28 → 0.28.40

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.
@@ -7303,7 +7303,7 @@ function wu(n) {
7303
7303
  */
7304
7304
  (function(n) {
7305
7305
  function e() {
7306
- return (Ht.canvg ? Promise.resolve(Ht.canvg) : import("./index.es-umyzQriq.js")).catch((function(r) {
7306
+ return (Ht.canvg ? Promise.resolve(Ht.canvg) : import("./index.es-C0WS8lGz.js")).catch((function(r) {
7307
7307
  return Promise.reject(new Error("Could not load canvg: " + r));
7308
7308
  })).then((function(r) {
7309
7309
  return r.default ? r.default : r;
@@ -24,12 +24,36 @@
24
24
  .nd-tab-bar {
25
25
  display: flex;
26
26
  padding: 6px 12px 0;
27
- gap: 2px;
27
+ gap: 8px;
28
28
  background: var(--nd-background);
29
29
  border-bottom: 1px solid var(--nd-border);
30
30
  align-items: flex-end;
31
31
  }
32
32
 
33
+ /* Everything left of the report-name cluster (brand, Report/Dashboard toggle,
34
+ tabs) scrolls as its own region when the window is narrower than its
35
+ content. Report name, connection status and help stay outside this
36
+ container with flex-shrink: 0 below, so they're never the thing that gets
37
+ pushed off-screen and clipped by .nd-root's overflow:hidden. */
38
+ .nd-tab-scroll {
39
+ display: flex;
40
+ align-items: flex-end;
41
+ gap: 2px;
42
+ min-width: 0;
43
+ flex: 1 1 auto;
44
+ overflow-x: auto;
45
+ /* Without this, the UA sets overflow-y to auto too (the CSS overflow-x/-y
46
+ coupling rule) the moment overflow-x is anything but visible — a 1-2px
47
+ vertical overflow from align-items: flex-end then triggers a real,
48
+ visible vertical scrollbar with its own up/down arrow buttons, floating
49
+ in the empty space next to the connection indicator. */
50
+ overflow-y: hidden;
51
+ scrollbar-width: thin;
52
+ }
53
+
54
+ .nd-tab-scroll::-webkit-scrollbar { height: 4px; }
55
+ .nd-tab-scroll::-webkit-scrollbar-thumb { background: var(--nd-border-strong); border-radius: 4px; }
56
+
33
57
  .nd-brand {
34
58
  display: flex;
35
59
  align-items: center;
@@ -135,7 +159,7 @@
135
159
  }
136
160
 
137
161
  .nd-tab-report-name {
138
- margin-left: auto;
162
+ flex-shrink: 0;
139
163
  padding-bottom: 2px;
140
164
  }
141
165
 
@@ -204,7 +228,7 @@
204
228
  border-radius: var(--radius-sm);
205
229
  outline: none;
206
230
  transition: border-color var(--transition), box-shadow var(--transition);
207
- width: 220px;
231
+ width: clamp(120px, 22vw, 220px);
208
232
  }
209
233
 
210
234
  .nd-report-name-input:focus {
@@ -1,4 +1,4 @@
1
- import { D as s, N as r, a as t, S as E, b as m, i, r as l, e as o, t as p } from "./index-DEIuEmp3.js";
1
+ import { D as s, N as r, a as t, S as E, b as m, i, r as l, e as o, t as p } from "./index-CxsyeL9A.js";
2
2
  export {
3
3
  s as DEFAULT_THEME,
4
4
  r as NexaDesignerElement,