anentrypoint-design 0.0.181 → 0.0.182
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/dist/247420.css +68 -1
- package/dist/247420.js +11 -11
- package/package.json +1 -1
package/dist/247420.css
CHANGED
|
@@ -4713,6 +4713,71 @@
|
|
|
4713
4713
|
resolved from colors_and_type.css: --panel-{0..3}, --panel-text(-2/-3),
|
|
4714
4714
|
--accent, --accent-fg, --rule, --rule-strong, --r-1/-2, --ff-mono. */
|
|
4715
4715
|
|
|
4716
|
+
/* ---------------------------------------------------------------
|
|
4717
|
+
Docked panel — the engine-editor idiom: flush, square, dense,
|
|
4718
|
+
full-height. Unlike the dashboard .panel card (rounded, margined,
|
|
4719
|
+
shadowed) this docks edge-to-edge with a 1px --rule seam. Use for
|
|
4720
|
+
inspector / hierarchy / apps / events columns inside an editor.
|
|
4721
|
+
--------------------------------------------------------------- */
|
|
4722
|
+
.ds-247420 .ds-ep-panel {
|
|
4723
|
+
display: flex; flex-direction: column;
|
|
4724
|
+
min-height: 0; height: 100%;
|
|
4725
|
+
margin: 0; border-radius: 0; box-shadow: none;
|
|
4726
|
+
background: var(--panel-1);
|
|
4727
|
+
color: var(--panel-text);
|
|
4728
|
+
font: var(--fs-tiny, 12px)/var(--lh-base, 1.4) var(--ff-mono, monospace);
|
|
4729
|
+
overflow: hidden;
|
|
4730
|
+
}
|
|
4731
|
+
.ds-247420 .ds-ep-panel-head {
|
|
4732
|
+
flex-shrink: 0;
|
|
4733
|
+
display: flex; align-items: center; justify-content: space-between; gap: 8px;
|
|
4734
|
+
padding: 6px 10px;
|
|
4735
|
+
border-bottom: 1px solid var(--rule);
|
|
4736
|
+
font-size: var(--fs-micro, 11px); font-weight: 600;
|
|
4737
|
+
text-transform: uppercase; letter-spacing: 0.1em;
|
|
4738
|
+
color: var(--panel-text-3);
|
|
4739
|
+
white-space: nowrap;
|
|
4740
|
+
}
|
|
4741
|
+
.ds-247420 .ds-ep-panel-head > :last-child {
|
|
4742
|
+
font-weight: 500; letter-spacing: 0;
|
|
4743
|
+
color: var(--panel-text-2);
|
|
4744
|
+
overflow: hidden; text-overflow: ellipsis;
|
|
4745
|
+
}
|
|
4746
|
+
.ds-247420 .ds-ep-panel-body {
|
|
4747
|
+
flex: 1; min-height: 0; overflow: auto;
|
|
4748
|
+
padding: 6px 8px;
|
|
4749
|
+
}
|
|
4750
|
+
.ds-247420 .ds-ep-panel-body.flush { padding: 0; }
|
|
4751
|
+
/* A sub-section divider inside a docked panel (e.g. app-prop mount). Only
|
|
4752
|
+
shows its top seam when it actually has content — an empty section is
|
|
4753
|
+
collapsed so no stray dashed rule floats over an empty inspector. */
|
|
4754
|
+
.ds-247420 .ds-ep-panel-section {
|
|
4755
|
+
flex-shrink: 0;
|
|
4756
|
+
border-top: 1px solid var(--rule);
|
|
4757
|
+
overflow: auto;
|
|
4758
|
+
}
|
|
4759
|
+
.ds-247420 .ds-ep-panel-section:empty { display: none; border-top: 0; }
|
|
4760
|
+
|
|
4761
|
+
/* Dense status strip for editor chrome — thin, flush, bordered top. */
|
|
4762
|
+
.ds-247420 .ds-ep-statusbar {
|
|
4763
|
+
flex-shrink: 0;
|
|
4764
|
+
display: flex; align-items: center; justify-content: space-between; gap: 8px;
|
|
4765
|
+
min-height: 0; height: 26px;
|
|
4766
|
+
padding: 0 10px;
|
|
4767
|
+
border-top: 1px solid var(--rule);
|
|
4768
|
+
background: var(--panel-1);
|
|
4769
|
+
color: var(--panel-text-2);
|
|
4770
|
+
font: var(--fs-micro, 11px)/1 var(--ff-mono, monospace);
|
|
4771
|
+
}
|
|
4772
|
+
.ds-247420 .ds-ep-statusbar-left, .ds-247420 .ds-ep-statusbar-right { display: flex; align-items: center; gap: 8px; min-width: 0; }
|
|
4773
|
+
.ds-247420 .ds-ep-statusbar-left { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
4774
|
+
/* Buttons inside the dense strip shrink to fit the 26px band. */
|
|
4775
|
+
.ds-247420 .ds-ep-statusbar button {
|
|
4776
|
+
min-height: 0; height: 20px; padding: 0 8px;
|
|
4777
|
+
border-radius: var(--r-1, 4px);
|
|
4778
|
+
font: var(--fs-micro, 11px)/1 var(--ff-mono, monospace);
|
|
4779
|
+
}
|
|
4780
|
+
|
|
4716
4781
|
/* Toolbar */
|
|
4717
4782
|
.ds-247420 .ds-ep-toolbar {
|
|
4718
4783
|
display: flex; align-items: center; gap: 6px;
|
|
@@ -4750,7 +4815,9 @@
|
|
|
4750
4815
|
color: var(--accent);
|
|
4751
4816
|
border-bottom-color: var(--accent);
|
|
4752
4817
|
}
|
|
4753
|
-
|
|
4818
|
+
/* Flex column so a full-height docked child (e.g. an inspector panel) fills
|
|
4819
|
+
the tab body instead of collapsing under a block container. */
|
|
4820
|
+
.ds-247420 .ds-ep-tabs-body { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; }
|
|
4754
4821
|
|
|
4755
4822
|
/* TreeView / TreeItem */
|
|
4756
4823
|
.ds-247420 .ds-ep-tree {
|