anentrypoint-design 0.0.182 → 0.0.183
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 +78 -0
- package/dist/247420.js +9 -9
- package/package.json +1 -1
package/dist/247420.css
CHANGED
|
@@ -4819,6 +4819,21 @@
|
|
|
4819
4819
|
the tab body instead of collapsing under a block container. */
|
|
4820
4820
|
.ds-247420 .ds-ep-tabs-body { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; }
|
|
4821
4821
|
|
|
4822
|
+
/* EventLog — dense console-style log rows (one event per line). */
|
|
4823
|
+
.ds-247420 .ds-ep-eventlog {
|
|
4824
|
+
display: flex; flex-direction: column;
|
|
4825
|
+
font: var(--fs-tiny, 12px)/1.4 var(--ff-mono, monospace);
|
|
4826
|
+
color: var(--panel-text);
|
|
4827
|
+
}
|
|
4828
|
+
.ds-247420 .ds-ep-eventrow {
|
|
4829
|
+
display: flex; align-items: baseline; gap: 8px;
|
|
4830
|
+
padding: 3px 8px;
|
|
4831
|
+
border-bottom: 1px solid color-mix(in oklab, var(--rule) 50%, transparent);
|
|
4832
|
+
}
|
|
4833
|
+
.ds-247420 .ds-ep-eventrow:hover { background: color-mix(in oklab, var(--accent) 6%, transparent); }
|
|
4834
|
+
.ds-247420 .ds-ep-eventrow-type { color: var(--panel-text); font-weight: 600; flex-shrink: 0; }
|
|
4835
|
+
.ds-247420 .ds-ep-eventrow-sub { color: var(--panel-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
4836
|
+
|
|
4822
4837
|
/* TreeView / TreeItem */
|
|
4823
4838
|
.ds-247420 .ds-ep-tree {
|
|
4824
4839
|
display: flex; flex-direction: column;
|
|
@@ -4905,6 +4920,69 @@
|
|
|
4905
4920
|
font-size: 0.8em;
|
|
4906
4921
|
color: var(--panel-text-3);
|
|
4907
4922
|
}
|
|
4923
|
+
/* x/y/z packed on one row, each field equal width, no horizontal overflow. */
|
|
4924
|
+
.ds-247420 .ds-ep-vec3 {
|
|
4925
|
+
display: flex; gap: 4px; width: 100%; min-width: 0;
|
|
4926
|
+
}
|
|
4927
|
+
.ds-247420 .ds-ep-vec3 > * { flex: 1 1 0; min-width: 0; }
|
|
4928
|
+
/* Dense numeric inputs in the inspector — compact, tight radius, mono. */
|
|
4929
|
+
.ds-247420 .ds-ep-propfield-value input,
|
|
4930
|
+
.ds-247420 .ds-ep-propfield-value .ds-input-bare {
|
|
4931
|
+
padding: 2px 6px;
|
|
4932
|
+
border-radius: var(--r-1, 4px);
|
|
4933
|
+
font: var(--fs-tiny, 12px)/1.3 var(--ff-mono, monospace);
|
|
4934
|
+
}
|
|
4935
|
+
.ds-247420 .ds-input-bare {
|
|
4936
|
+
appearance: none;
|
|
4937
|
+
background: var(--panel-2);
|
|
4938
|
+
color: var(--panel-text);
|
|
4939
|
+
border: 1px solid var(--rule);
|
|
4940
|
+
border-radius: var(--r-1, 4px);
|
|
4941
|
+
padding: 2px 6px;
|
|
4942
|
+
font: var(--fs-tiny, 12px)/1.3 var(--ff-mono, monospace);
|
|
4943
|
+
min-width: 0;
|
|
4944
|
+
}
|
|
4945
|
+
.ds-247420 .ds-input-bare:focus { outline: none; border-color: var(--accent); }
|
|
4946
|
+
/* A property field whose control spans the full panel width (label above,
|
|
4947
|
+
control below) — used for wide segmented controls that would clip in the
|
|
4948
|
+
narrow value column. */
|
|
4949
|
+
.ds-247420 .ds-ep-propfield.block {
|
|
4950
|
+
display: flex; flex-direction: column; align-items: stretch; gap: 4px;
|
|
4951
|
+
}
|
|
4952
|
+
.ds-247420 .ds-ep-propfield.block > .ds-ep-propfield-value { width: 100%; }
|
|
4953
|
+
.ds-247420 .ds-ep-propfield.block .ds-ep-btngrp { width: 100%; }
|
|
4954
|
+
.ds-247420 .ds-ep-propfield.block .ds-ep-btngrp-btn { flex: 1 1 0; text-align: center; }
|
|
4955
|
+
|
|
4956
|
+
/* Flush dense action bar docked at a panel bottom (inspector Edit/Delete etc.).
|
|
4957
|
+
Compact buttons, square-ish, bordered top — not big floating pills. */
|
|
4958
|
+
.ds-247420 .ds-ep-actionbar {
|
|
4959
|
+
flex-shrink: 0;
|
|
4960
|
+
display: flex; align-items: center; gap: 6px;
|
|
4961
|
+
padding: 6px 8px;
|
|
4962
|
+
border-top: 1px solid var(--rule);
|
|
4963
|
+
background: var(--panel-1);
|
|
4964
|
+
}
|
|
4965
|
+
.ds-247420 .ds-ep-actionbar > * { flex: 1 1 0; }
|
|
4966
|
+
.ds-247420 .ds-ep-actionbar button {
|
|
4967
|
+
width: 100%;
|
|
4968
|
+
min-height: 28px; height: 28px; padding: 0 10px;
|
|
4969
|
+
border-radius: var(--r-1, 4px);
|
|
4970
|
+
font: var(--fs-tiny, 12px)/1 var(--ff-mono, monospace);
|
|
4971
|
+
}
|
|
4972
|
+
|
|
4973
|
+
/* Inline buttons inside a tree row (e.g. app-list Place) and the editor toolbars
|
|
4974
|
+
are compact — small, square-ish, not big pills. Excludes the segmented
|
|
4975
|
+
IconButtonGroup which manages its own sizing. */
|
|
4976
|
+
.ds-247420 .ds-ep-tree-row button:not(.ds-ep-btngrp-btn),
|
|
4977
|
+
.ds-247420 .ds-ep-toolbar button:not(.ds-ep-btngrp-btn) {
|
|
4978
|
+
min-height: 24px; height: 24px; padding: 0 8px;
|
|
4979
|
+
border-radius: var(--r-1, 4px);
|
|
4980
|
+
font: var(--fs-tiny, 12px)/1 var(--ff-mono, monospace);
|
|
4981
|
+
}
|
|
4982
|
+
@media (pointer: coarse) {
|
|
4983
|
+
.ds-247420 .ds-ep-tree-row button:not(.ds-ep-btngrp-btn),
|
|
4984
|
+
.ds-247420 .ds-ep-toolbar button:not(.ds-ep-btngrp-btn) { min-height: 36px; height: 36px; }
|
|
4985
|
+
}
|
|
4908
4986
|
|
|
4909
4987
|
/* Dock — 3x3 grid for in-engine overlay (canvas pass-through center) */
|
|
4910
4988
|
.ds-247420 .ds-ep-dock {
|