camunda-bpmn-js 3.6.0 → 3.7.0

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.
@@ -40,6 +40,7 @@
40
40
  --context-pad-entry-hover-background-color: var(--color-grey-225-10-95);
41
41
 
42
42
  --element-dragger-color: var(--color-blue-205-100-50);
43
+ --element-dragging-color: var(--color-grey-225-10-75);
43
44
  --element-hover-outline-fill-color: var(--color-blue-205-100-45);
44
45
  --element-selected-outline-stroke-color: var(--color-blue-205-100-50);
45
46
  --element-selected-outline-secondary-stroke-color: var(--color-blue-205-100-70);
@@ -280,10 +281,6 @@ marker.djs-dragger tspan {
280
281
  stroke: var(--element-dragger-color) !important;
281
282
  }
282
283
 
283
- .djs-dragging {
284
- opacity: 0.3;
285
- }
286
-
287
284
  .djs-dragging,
288
285
  .djs-dragging > * {
289
286
  pointer-events: none !important;
@@ -294,6 +291,32 @@ marker.djs-dragger tspan {
294
291
  display: none !important;
295
292
  }
296
293
 
294
+ .djs-dragging * {
295
+ fill: none !important;
296
+ stroke: var(--element-dragging-color) !important;
297
+ }
298
+
299
+ .djs-dragging tspan,
300
+ .djs-dragging text {
301
+ fill: var(--element-dragging-color) !important;
302
+ stroke: none !important;
303
+ }
304
+
305
+ marker.djs-dragging circle,
306
+ marker.djs-dragging path,
307
+ marker.djs-dragging polygon,
308
+ marker.djs-dragging polyline,
309
+ marker.djs-dragging rect {
310
+ fill: var(--element-dragging-color) !important;
311
+ stroke: none !important;
312
+ }
313
+
314
+ marker.djs-dragging text,
315
+ marker.djs-dragging tspan {
316
+ fill: none !important;
317
+ stroke: var(--element-dragging-color) !important;
318
+ }
319
+
297
320
  /**
298
321
  * no pointer events for visual
299
322
  */
@@ -1271,6 +1271,8 @@ textarea.bio-properties-panel-input {
1271
1271
  .bio-properties-panel-popup .bio-properties-panel-popup__footer {
1272
1272
  padding: 12px;
1273
1273
  display: flex;
1274
+ justify-content: center;
1275
+ align-items: center;
1274
1276
  }
1275
1277
 
1276
1278
  .bio-properties-panel-popup .bio-properties-panel-popup__body:not(:first-child) {
@@ -1278,11 +1280,12 @@ textarea.bio-properties-panel-input {
1278
1280
  }
1279
1281
 
1280
1282
  .bio-properties-panel-popup .bio-properties-panel-popup__header {
1283
+ --popup-header-line-height: 16px;
1281
1284
  background-color: var(--popup-header-background-color);
1282
1285
  margin: 0;
1283
1286
  font-size: 12px;
1284
1287
  font-weight: 400;
1285
- line-height: 16px;
1288
+ line-height: var(--popup-header-line-height);
1286
1289
  text-align: left;
1287
1290
  color: var(--popup-title-color);
1288
1291
  }
@@ -1310,7 +1313,7 @@ textarea.bio-properties-panel-input {
1310
1313
  text-transform: capitalize;
1311
1314
  }
1312
1315
 
1313
- .bio-properties-panel-popup .bio-properties-panel-popup__header svg {
1316
+ .bio-properties-panel-popup .bio-properties-panel-popup__header .bio-properties-panel-popup__drag-handle svg {
1314
1317
  margin-left: -4px;
1315
1318
  }
1316
1319
 
@@ -1341,6 +1344,18 @@ textarea.bio-properties-panel-input {
1341
1344
  width: 100%;
1342
1345
  }
1343
1346
 
1347
+ .bio-properties-panel-feel-popup__title-link {
1348
+ margin-left: auto;
1349
+ display: flex;
1350
+ }
1351
+
1352
+ .bio-properties-panel-feel-popup__title-link svg {
1353
+ width: var(--popup-header-line-height);
1354
+ height: var(--popup-header-line-height);
1355
+ fill: currentColor;
1356
+ margin: 0 0.5em;
1357
+ }
1358
+
1344
1359
  .bio-properties-panel-feel-popup .bio-properties-panel-feel-editor-container {
1345
1360
  display: flex;
1346
1361
  min-width: 100%;