lexgui 0.1.32 → 0.1.34
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/build/components/codeeditor.js +1 -1
- package/build/components/timeline.js +2059 -1443
- package/build/components/videoeditor.js +191 -100
- package/build/lexgui.css +40 -17
- package/build/lexgui.js +326 -256
- package/build/lexgui.module.js +367 -202
- package/changelog.md +14 -0
- package/demo.js +4 -13
- package/examples/timeline.html +39 -24
- package/examples/video_editor.html +30 -13
- package/examples/video_editor2.html +118 -0
- package/package.json +1 -1
package/build/lexgui.css
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
--global-title-font: "Poppins", sans-serif;
|
|
8
8
|
--global-font-size: 12px;
|
|
9
9
|
--global-color-primary: #212121;
|
|
10
|
-
--global-color-secondary: #
|
|
10
|
+
--global-color-secondary: #2c2c2c;
|
|
11
11
|
--global-color-terciary: #444;
|
|
12
12
|
--global-selected: #3e57e4;
|
|
13
13
|
--global-selected-light: #7b8ae2;
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
--branch-title-inactive-background: #42484e;
|
|
18
18
|
--global-button-color: #3e3e3e;
|
|
19
19
|
--global-button-color-hovered: #444;
|
|
20
|
-
--global-text: #
|
|
20
|
+
--global-text: #dedee6f0;
|
|
21
21
|
--global-text-primary: #f4f4ffe6;
|
|
22
22
|
--global-text-secondary: #cacad4ea;
|
|
23
23
|
--global-text-terciary: #727272b9;
|
|
24
24
|
--global-dark-background: #121212;
|
|
25
|
-
--global-blur-background: #
|
|
25
|
+
--global-blur-background: #232425d5;
|
|
26
26
|
--global-color-transparent: #7b8ae200;
|
|
27
27
|
--transition-time: 1000;
|
|
28
28
|
--code-editor-font-size: 14px;
|
|
@@ -155,14 +155,14 @@ body.noevents * {
|
|
|
155
155
|
border-radius: 8px;
|
|
156
156
|
border: 1px solid #d0d0ec6b;
|
|
157
157
|
width: 30%;
|
|
158
|
+
max-width: 740px;
|
|
158
159
|
top: 15%;
|
|
159
|
-
left: calc(50% - 15
|
|
160
|
+
left: calc(50% - min(15%, 740px));
|
|
160
161
|
display: flex;
|
|
161
162
|
flex-wrap: wrap;
|
|
162
163
|
z-index: 105;
|
|
163
164
|
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */
|
|
164
165
|
mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */
|
|
165
|
-
/* box-shadow: 0 2px 10px black; */
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
#global_search a {
|
|
@@ -249,7 +249,7 @@ body.noevents * {
|
|
|
249
249
|
min-width: 256px;
|
|
250
250
|
/* overflow: hidden; */
|
|
251
251
|
box-shadow: 0 2px 8px #101010;
|
|
252
|
-
border-radius:
|
|
252
|
+
border-radius: 6px;
|
|
253
253
|
z-index: 101;
|
|
254
254
|
background-color: var(--global-color-secondary);
|
|
255
255
|
}
|
|
@@ -448,7 +448,7 @@ body.noevents * {
|
|
|
448
448
|
}
|
|
449
449
|
|
|
450
450
|
.lexbranch {
|
|
451
|
-
border-radius:
|
|
451
|
+
border-radius: 6px;
|
|
452
452
|
margin-bottom: 4px !important;
|
|
453
453
|
}
|
|
454
454
|
|
|
@@ -567,7 +567,11 @@ body.noevents * {
|
|
|
567
567
|
padding-right: 10px;
|
|
568
568
|
}
|
|
569
569
|
|
|
570
|
-
.lexinlinewidgets .lexwidgetname {
|
|
570
|
+
.lexinlinewidgets .lexwidgetname.float-center {
|
|
571
|
+
justify-content: center;
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
.lexinlinewidgets .lexwidgetname.float-right {
|
|
571
575
|
justify-content: end;
|
|
572
576
|
-moz-transform: translateX(-1em);
|
|
573
577
|
-webkit-transform: translateX(-1em);
|
|
@@ -968,7 +972,7 @@ body.noevents * {
|
|
|
968
972
|
width: 100%;
|
|
969
973
|
cursor: pointer;
|
|
970
974
|
color: rgba(216, 218, 230, 0.826);
|
|
971
|
-
height: 20px;
|
|
975
|
+
min-height: 20px;
|
|
972
976
|
line-height: 22px;
|
|
973
977
|
align-content: center;
|
|
974
978
|
display: flow-root;
|
|
@@ -1389,7 +1393,7 @@ input[type="range"] {
|
|
|
1389
1393
|
/* Data Tree Widget */
|
|
1390
1394
|
|
|
1391
1395
|
.lextree {
|
|
1392
|
-
border-radius:
|
|
1396
|
+
border-radius: 6px;
|
|
1393
1397
|
width: calc( 100% - 6px );
|
|
1394
1398
|
min-height: 12px;
|
|
1395
1399
|
margin: 0 auto;
|
|
@@ -1413,6 +1417,7 @@ input[type="range"] {
|
|
|
1413
1417
|
|
|
1414
1418
|
.lextree .lextreetools input {
|
|
1415
1419
|
font-size: var(--global-font-size);
|
|
1420
|
+
padding-left: 8px;
|
|
1416
1421
|
}
|
|
1417
1422
|
|
|
1418
1423
|
.lextree .lextreetools.notitle {
|
|
@@ -1632,7 +1637,7 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
1632
1637
|
|
|
1633
1638
|
.lexmenubar .lexmenuentry span {
|
|
1634
1639
|
padding: 4px 8px;
|
|
1635
|
-
border-radius:
|
|
1640
|
+
border-radius: 4px;
|
|
1636
1641
|
}
|
|
1637
1642
|
|
|
1638
1643
|
.lexmenubar .lexmenuentry:hover span, .lexmenubar .lexmenuentry.selected span {
|
|
@@ -1780,7 +1785,7 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
1780
1785
|
background-color: var(--global-color-secondary);
|
|
1781
1786
|
margin-top: 10px;
|
|
1782
1787
|
margin-bottom: 8px;
|
|
1783
|
-
border-radius:
|
|
1788
|
+
border-radius: 6px;
|
|
1784
1789
|
padding-left: 4px;
|
|
1785
1790
|
padding-right: 4px;
|
|
1786
1791
|
}
|
|
@@ -2017,6 +2022,7 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
2017
2022
|
top: 0;
|
|
2018
2023
|
justify-content: start;
|
|
2019
2024
|
pointer-events: none;
|
|
2025
|
+
z-index: 100;
|
|
2020
2026
|
}
|
|
2021
2027
|
|
|
2022
2028
|
.lexoverlaybuttons .lexwidget {
|
|
@@ -2114,7 +2120,7 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
2114
2120
|
.lexoverlaybuttons .lexoverlaygroup {
|
|
2115
2121
|
display: flex;
|
|
2116
2122
|
margin-right: 6px;
|
|
2117
|
-
background-color: #
|
|
2123
|
+
background-color: #313132b5;
|
|
2118
2124
|
-webkit-backdrop-filter: blur(6px);
|
|
2119
2125
|
backdrop-filter: blur(6px);
|
|
2120
2126
|
border-radius: 8px;
|
|
@@ -2199,7 +2205,7 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
2199
2205
|
padding-left: 16px;
|
|
2200
2206
|
padding-right: 16px;
|
|
2201
2207
|
margin-right: 4px;
|
|
2202
|
-
border-radius:
|
|
2208
|
+
border-radius: 6px;
|
|
2203
2209
|
}
|
|
2204
2210
|
|
|
2205
2211
|
.lexareatabs.fit {
|
|
@@ -2806,6 +2812,17 @@ ul.lexassetscontent {
|
|
|
2806
2812
|
z-index: 1;
|
|
2807
2813
|
}
|
|
2808
2814
|
|
|
2815
|
+
.lexassetscontent.list li .lexcheckbox {
|
|
2816
|
+
display: block;
|
|
2817
|
+
left: 0 !important;
|
|
2818
|
+
z-index: 100;
|
|
2819
|
+
position: absolute;
|
|
2820
|
+
}
|
|
2821
|
+
|
|
2822
|
+
.lexassetscontent.list li .lexcheckbox input[type=checkbox]:checked:after {
|
|
2823
|
+
left: 0!important;
|
|
2824
|
+
}
|
|
2825
|
+
|
|
2809
2826
|
.lexassetscontent li:hover span {
|
|
2810
2827
|
color: #f5f5f5;
|
|
2811
2828
|
}
|
|
@@ -3649,7 +3666,8 @@ pre .line-gutter {
|
|
|
3649
3666
|
/* Video Editor */
|
|
3650
3667
|
|
|
3651
3668
|
.lexvideoeditor {
|
|
3652
|
-
|
|
3669
|
+
display: flex;
|
|
3670
|
+
justify-content: center;
|
|
3653
3671
|
}
|
|
3654
3672
|
|
|
3655
3673
|
.lexvideoeditor video {
|
|
@@ -3657,8 +3675,8 @@ pre .line-gutter {
|
|
|
3657
3675
|
height: 100%;
|
|
3658
3676
|
}
|
|
3659
3677
|
|
|
3660
|
-
.lexvideoeditor
|
|
3661
|
-
|
|
3678
|
+
.lexarea.lexvideoeditor {
|
|
3679
|
+
|
|
3662
3680
|
}
|
|
3663
3681
|
|
|
3664
3682
|
.lexvideoeditor .lexarea .lexflexarea {
|
|
@@ -3724,3 +3742,8 @@ pre .line-gutter {
|
|
|
3724
3742
|
height: calc(100% );
|
|
3725
3743
|
padding: 5px;
|
|
3726
3744
|
} */
|
|
3745
|
+
|
|
3746
|
+
.resizeable {
|
|
3747
|
+
resize: both;
|
|
3748
|
+
overflow: auto;
|
|
3749
|
+
}
|