@floegence/floe-webapp-core 0.36.43 → 0.36.44
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/components/workbench/WorkbenchLayerObjects.js +134 -121
- package/dist/styles.css +1 -1
- package/dist/workbench.css +20 -15
- package/package.json +1 -1
package/dist/workbench.css
CHANGED
|
@@ -316,18 +316,26 @@
|
|
|
316
316
|
top: 0;
|
|
317
317
|
left: 0;
|
|
318
318
|
box-sizing: border-box;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.workbench-text-annotation,
|
|
322
|
+
.workbench-sticky {
|
|
319
323
|
will-change: transform;
|
|
320
324
|
}
|
|
321
325
|
|
|
322
326
|
.workbench-background-region {
|
|
323
327
|
border-radius: 0;
|
|
324
|
-
background: var(--workbench-region-fill);
|
|
325
|
-
opacity:
|
|
328
|
+
background-color: var(--workbench-region-surface, var(--workbench-region-fill));
|
|
329
|
+
opacity: 1;
|
|
326
330
|
border: none;
|
|
327
331
|
box-shadow: none;
|
|
328
332
|
pointer-events: none;
|
|
329
333
|
}
|
|
330
334
|
|
|
335
|
+
.workbench-background-region.is-transforming {
|
|
336
|
+
will-change: transform;
|
|
337
|
+
}
|
|
338
|
+
|
|
331
339
|
.workbench-background-region.is-editable {
|
|
332
340
|
pointer-events: auto;
|
|
333
341
|
cursor: move;
|
|
@@ -335,34 +343,31 @@
|
|
|
335
343
|
|
|
336
344
|
.workbench-background-region.is-material-dotted {
|
|
337
345
|
background-image:
|
|
338
|
-
radial-gradient(circle,
|
|
339
|
-
|
|
340
|
-
background-
|
|
341
|
-
background-size: 11px 11px, auto;
|
|
346
|
+
radial-gradient(circle, var(--workbench-region-ink) 1.45px, transparent 1.65px);
|
|
347
|
+
background-position: 0 0;
|
|
348
|
+
background-size: 11px 11px;
|
|
342
349
|
}
|
|
343
350
|
|
|
344
351
|
.workbench-background-region.is-material-grid {
|
|
345
352
|
background-image:
|
|
346
|
-
linear-gradient(
|
|
347
|
-
linear-gradient(90deg,
|
|
348
|
-
|
|
349
|
-
background-size: 28px 28px, 28px 28px, auto;
|
|
353
|
+
linear-gradient(var(--workbench-region-ink) 1px, transparent 1px),
|
|
354
|
+
linear-gradient(90deg, var(--workbench-region-ink) 1px, transparent 1px);
|
|
355
|
+
background-size: 28px 28px, 28px 28px;
|
|
350
356
|
}
|
|
351
357
|
|
|
352
358
|
.workbench-background-region.is-material-hatched {
|
|
353
359
|
background-image:
|
|
354
360
|
repeating-linear-gradient(
|
|
355
361
|
135deg,
|
|
356
|
-
|
|
362
|
+
var(--workbench-region-ink) 0 1.2px,
|
|
357
363
|
transparent 1.2px 9px
|
|
358
|
-
)
|
|
359
|
-
linear-gradient(var(--workbench-region-fill), var(--workbench-region-fill));
|
|
364
|
+
);
|
|
360
365
|
}
|
|
361
366
|
|
|
362
367
|
.workbench-background-region.is-material-glass {
|
|
363
368
|
background:
|
|
364
|
-
linear-gradient(135deg,
|
|
365
|
-
|
|
369
|
+
linear-gradient(135deg, var(--workbench-region-highlight), transparent 58%),
|
|
370
|
+
var(--workbench-region-surface, var(--workbench-region-fill));
|
|
366
371
|
}
|
|
367
372
|
|
|
368
373
|
.workbench-background-region__toolbar,
|