canvasxpress-cli 56.3.0 → 56.5.1
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 +1 -1
- package/src/canvasXpress.css +14 -8
- package/src/canvasXpress.js +4 -4
package/package.json
CHANGED
package/src/canvasXpress.css
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
--cx-border-transparent: var(--cx-border-width) var(--cx-border-style) var(--cx-color-transparent);
|
|
63
63
|
/* Font */
|
|
64
64
|
--cx-small-font-size: 9px;
|
|
65
|
-
--cx-font-size:
|
|
65
|
+
--cx-font-size: 12px;
|
|
66
66
|
--cx-large-font-size: 13px;
|
|
67
67
|
--cx-x-large-font-size: 15px;
|
|
68
68
|
--cx-font-color: var(--cx-color-ui-font);
|
|
@@ -70,7 +70,11 @@
|
|
|
70
70
|
--cx-large-font: normal var(--cx-large-font-size) var(--cx-font-family);
|
|
71
71
|
--cx-x-large-font: normal var(--cx-x-large-font-size) var(--cx-font-family);
|
|
72
72
|
--cx-font-bold: bold var(--cx-font-size) var(--cx-font-family);
|
|
73
|
+
--cx-large-font-bold: bold var(--cx-large-font-size) var(--cx-font-family);
|
|
74
|
+
--cx-x-large-font-bold: bold var(--cx-x-large-font-size) var(--cx-font-family);
|
|
73
75
|
--cx-font-italic: italic var(--cx-font-size) var(--cx-font-family);
|
|
76
|
+
--cx-large-font-italic: italic var(--cx-large-font-size) var(--cx-font-family);
|
|
77
|
+
--cx-x-large-font-italic: italic var(--cx-x-large-font-size) var(--cx-font-family);
|
|
74
78
|
--cx-small-font-italic: italic var(--cx-small-font-size) var(--cx-font-family);
|
|
75
79
|
/* Background */
|
|
76
80
|
--cx-background-widgets-color: var(--cx-color-ui-background);
|
|
@@ -335,6 +339,7 @@ pre.cX-code-content {
|
|
|
335
339
|
white-space: pre;
|
|
336
340
|
outline: none;
|
|
337
341
|
cursor: text;
|
|
342
|
+
font-size: small;
|
|
338
343
|
}
|
|
339
344
|
|
|
340
345
|
pre.cX-code-content:before {
|
|
@@ -495,7 +500,7 @@ div.cX-bin-name-container {
|
|
|
495
500
|
div.cX-bin {
|
|
496
501
|
cursor: move;
|
|
497
502
|
color: var(--cx-font-color);
|
|
498
|
-
font: var(--cx-font);
|
|
503
|
+
font: var(--cx-large-font);
|
|
499
504
|
margin: 2px 3px;
|
|
500
505
|
padding: 2px 3px 5px 3px;
|
|
501
506
|
position: absolute;
|
|
@@ -507,13 +512,14 @@ div.cX-bin-container {
|
|
|
507
512
|
box-sizing: border-box;
|
|
508
513
|
clear: both;
|
|
509
514
|
text-align: left;
|
|
515
|
+
display: flex;
|
|
516
|
+
flex-direction: column;
|
|
510
517
|
}
|
|
511
518
|
|
|
512
519
|
div.cX-bin-name-container {
|
|
513
520
|
box-sizing: border-box;
|
|
514
521
|
border: none;
|
|
515
522
|
max-height: 400px;
|
|
516
|
-
margin: 8px;
|
|
517
523
|
overflow-y: auto;
|
|
518
524
|
padding: 5px;
|
|
519
525
|
}
|
|
@@ -523,7 +529,7 @@ input.cX-bin {
|
|
|
523
529
|
border: var(--cx-border);
|
|
524
530
|
color: var(--cx-font-color);
|
|
525
531
|
cursor: default;
|
|
526
|
-
font: var(--cx-font);
|
|
532
|
+
font: var(--cx-large-font);
|
|
527
533
|
line-height: 24px;
|
|
528
534
|
padding-left: 3px;
|
|
529
535
|
border-radius: 5px;
|
|
@@ -537,7 +543,7 @@ input.cX-bin-button {
|
|
|
537
543
|
border-radius: 5px;
|
|
538
544
|
color: var(--cx-font-color);
|
|
539
545
|
cursor: pointer;
|
|
540
|
-
font:
|
|
546
|
+
font: var(--cx-large-font-bold);
|
|
541
547
|
line-height: 24px;
|
|
542
548
|
margin: 0px 10px 10px 10px;
|
|
543
549
|
padding: 3px;
|
|
@@ -547,7 +553,7 @@ table.cX-bin-table {
|
|
|
547
553
|
border-collapse: collapse !important;
|
|
548
554
|
color: var(--cx-font-color);
|
|
549
555
|
cursor: default;
|
|
550
|
-
font: var(--cx-font);
|
|
556
|
+
font: var(--cx-large-font-bold);
|
|
551
557
|
line-height: 24px;
|
|
552
558
|
}
|
|
553
559
|
|
|
@@ -557,11 +563,11 @@ th.cX-bin {
|
|
|
557
563
|
color: var(--cx-font-color);
|
|
558
564
|
background-color: var(--cx-background-hover-color);
|
|
559
565
|
border: var(--cx-border);
|
|
560
|
-
font:
|
|
566
|
+
font: var(--cx-large-font-bold);
|
|
561
567
|
}
|
|
562
568
|
|
|
563
569
|
span.cX-bin {
|
|
564
|
-
font:
|
|
570
|
+
font: var(--cx-large-font-bold);
|
|
565
571
|
color: var(--cx-font-color);
|
|
566
572
|
margin-left: 5px;
|
|
567
573
|
}
|