three-slicer 0.2.2 → 0.2.4

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/viewer/styles.css CHANGED
@@ -66,6 +66,15 @@
66
66
  .vtt-sep { width: 1px; align-self: stretch; background: #333c45; margin: 3px 3px; }
67
67
 
68
68
  /* Stage 29-2: plate tab bar + slice dropdown */
69
+ /* Move scrub — inside the Preview card, directly under the layer slider: the two are the same question's two
70
+ axes (which layers / how far into the top one), so they read as one control rather than a floating overlay. */
71
+ .move-bar { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
72
+ .move-bar input[type=range] { flex: 1; min-width: 60px; }
73
+ .move-label { font-size: 12px; white-space: nowrap; }
74
+ .move-reset { height: 20px; padding: 0 7px; border: 1px solid #2c353d; background: #1a2027; color: #9fb3c0;
75
+ border-radius: 5px; cursor: pointer; font-size: 11px; }
76
+ .move-reset:disabled { opacity: .45; cursor: default; }
77
+
69
78
  .plate-bar { position: absolute; right: 14px; bottom: 30px; display: flex; align-items: center; gap: 4px; z-index: 3;
70
79
  background: rgba(18,23,28,.85); border: 1px solid #2a323a; border-radius: 9px; padding: 4px; }
71
80
  .plate-bar button { min-width: 26px; height: 26px; border: 1px solid #2c353d; background: #1a2027; color: #9fb3c0;
@@ -97,6 +106,10 @@
97
106
  .bp-radius { display: block; font-size: 12px; color: #aebcc6; margin-top: 8px; }
98
107
  .bp-radius input { width: 100%; }
99
108
  .bp-counts { margin-top: 6px; font-size: 11px; }
109
+ /* "On overhangs only" — a checkbox row in a panel whose other rows are buttons, so it borrows the label styling
110
+ of .bp-radius and only adds the inline layout a checkbox needs. */
111
+ .bp-check { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #aebcc6; margin-top: 8px; cursor: pointer; }
112
+ .bp-check input { margin: 0; }
100
113
  /* Material brush: the chip IS the filament colour, so its background is inline and only the framing is here.
101
114
  The active ring is drawn outside the box (outline, not border) — a border would resize the chip on selection. */
102
115
  .bp-chip { min-width: 30px; font-weight: 700; border-color: rgba(0,0,0,.35) !important; }
@@ -185,7 +198,11 @@
185
198
  .side-card .layer-ctl button.on { background: #00ae42; color: #fff; border-color: #00ae42; }
186
199
 
187
200
  /* (5) Fixed bottom button bar */
188
- .side-bottom { flex: 0 0 auto; display: flex; gap: 8px; padding: 10px; border-top: 1px solid #dcdfe3; background: #e6e9ec; }
201
+ .side-bottom { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border-top: 1px solid #dcdfe3; background: #e6e9ec; }
202
+ /* The live slice rate takes a full row of its own (it only exists while slicing). Tabular figures keep the
203
+ digits from changing width as the number moves, which otherwise jitters the line several times a second. */
204
+ .slice-rate { flex: 0 0 100%; margin: -4px 2px 0; text-align: right; font-size: 11px; color: #5a646d;
205
+ font-variant-numeric: tabular-nums; }
189
206
  .side-bottom .slice-btn { flex: 1.4; margin: 0; }
190
207
  .auto-slice { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #444; cursor: pointer; white-space: nowrap; user-select: none; }
191
208
  .auto-slice input { margin: 0; }