canvasxpress 64.2.0 → 64.3.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.
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "main": "src/canvasXpress.js",
4
4
  "style": "src/canvasXpress.css",
5
5
  "title": "CanvasXpress",
6
- "version": "64.2.0",
6
+ "version": "64.3.0",
7
7
  "license": {
8
8
  "type": "Dual licensing",
9
9
  "url": "https://www.canvasxpress.org/docs/license.html"
@@ -2813,6 +2813,73 @@ span.CanvasXpressMousePosition {
2813
2813
  z-index: 10;
2814
2814
  }
2815
2815
 
2816
+ .cX-Workflow-Settings {
2817
+ display: flex;
2818
+ align-items: center;
2819
+ gap: 12px;
2820
+ padding-top: 5px;
2821
+ font-size: var(--cx-workflow-list-label-font-size);
2822
+ color: var(--cx-workflow-text-color);
2823
+ }
2824
+
2825
+ .cX-Workflow-Settings span.cX-Toggle {
2826
+ font-size: var(--cx-workflow-list-label-font-size);
2827
+ color: var(--cx-workflow-text-color);
2828
+ }
2829
+
2830
+ .cX-Workflow-Duration-Area {
2831
+ display: flex;
2832
+ align-items: center;
2833
+ gap: 6px;
2834
+ flex-grow: 1;
2835
+ }
2836
+
2837
+ /* Override the generic input[type=range] rules (15-range-slider.css) that
2838
+ render range inputs absolute/invisible with a red square thumb for the
2839
+ dual-thumb slider widget. */
2840
+ input[type=range].cX-Workflow-Duration-Slider {
2841
+ position: static;
2842
+ opacity: 1;
2843
+ pointer-events: auto;
2844
+ z-index: auto;
2845
+ -webkit-appearance: none;
2846
+ appearance: none;
2847
+ flex-grow: 1;
2848
+ min-width: 40px;
2849
+ width: auto;
2850
+ height: 6px;
2851
+ cursor: pointer;
2852
+ background: var(--cx-workflow-slider-track-color);
2853
+ border-radius: 10px;
2854
+ }
2855
+
2856
+ input[type=range].cX-Workflow-Duration-Slider::-webkit-slider-thumb {
2857
+ -webkit-appearance: none;
2858
+ appearance: none;
2859
+ pointer-events: all;
2860
+ width: 16px;
2861
+ height: 16px;
2862
+ border-radius: 50%;
2863
+ background: var(--cx-workflow-slider-thumb-color);
2864
+ border: 2px solid var(--cx-workflow-slider-thumb-border-color);
2865
+ }
2866
+
2867
+ input[type=range].cX-Workflow-Duration-Slider::-moz-range-thumb {
2868
+ pointer-events: all;
2869
+ width: 16px;
2870
+ height: 16px;
2871
+ border-radius: 50%;
2872
+ background: var(--cx-workflow-slider-thumb-color);
2873
+ border: 2px solid var(--cx-workflow-slider-thumb-border-color);
2874
+ }
2875
+
2876
+ .cX-Workflow-Duration-Value {
2877
+ min-width: 48px;
2878
+ text-align: right;
2879
+ white-space: nowrap;
2880
+ color: var(--cx-workflow-list-text-color);
2881
+ }
2882
+
2816
2883
  .cX-Workflow-Timeline-Container {
2817
2884
  border: 1px var(--cx-border-style) var(--cx-workflow-timeline-border-color);
2818
2885
  border-radius: var(--cx-border-radius);