lakelib 0.1.10 → 0.1.12
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/lake.css +286 -216
- package/dist/lake.min.js +48 -31
- package/dist/lake.min.js.map +1 -1
- package/lib/lake.css +286 -216
- package/lib/lake.js +2702 -2435
- package/lib/lake.js.map +1 -1
- package/lib/types/boxes/hr.d.ts +1 -1
- package/lib/types/boxes/video.d.ts +2 -0
- package/lib/types/css/index.d.ts +5 -3
- package/lib/types/editor.d.ts +3 -9
- package/lib/types/i18n/en-US/index.d.ts +8 -0
- package/lib/types/i18n/ja/index.d.ts +8 -0
- package/lib/types/i18n/ko/index.d.ts +8 -0
- package/lib/types/i18n/types.d.ts +52 -0
- package/lib/types/i18n/zh-CN/index.d.ts +8 -0
- package/lib/types/managers/box-manager.d.ts +0 -2
- package/lib/types/managers/selection.d.ts +6 -0
- package/lib/types/models/box.d.ts +2 -4
- package/lib/types/plugins/video.d.ts +3 -0
- package/lib/types/storage/box-instances.d.ts +1 -1
- package/lib/types/types/box-toolbar.d.ts +9 -0
- package/lib/types/ui/box-resizer.d.ts +19 -0
- package/lib/types/ui/box-toolbar.d.ts +3 -15
- package/lib/types/ui/button.d.ts +1 -0
- package/package.json +1 -1
package/lib/lake.css
CHANGED
|
@@ -184,6 +184,14 @@ button.lake-text-button span {
|
|
|
184
184
|
line-height: 16px;
|
|
185
185
|
vertical-align: middle;
|
|
186
186
|
}
|
|
187
|
+
button.lake-primary-button {
|
|
188
|
+
color: #fff;
|
|
189
|
+
border-color: transparent;
|
|
190
|
+
background-color: #5672cd;
|
|
191
|
+
}
|
|
192
|
+
button.lake-primary-button.lake-button-hovered {
|
|
193
|
+
background-color: #3a5ccc;
|
|
194
|
+
}
|
|
187
195
|
|
|
188
196
|
.lake-dropdown {
|
|
189
197
|
position: relative;
|
|
@@ -388,6 +396,9 @@ button.lake-text-button span {
|
|
|
388
396
|
line-height: normal;
|
|
389
397
|
color: var(--text-color);
|
|
390
398
|
}
|
|
399
|
+
.lake-popup button {
|
|
400
|
+
box-shadow: var(--button-shadow);
|
|
401
|
+
}
|
|
391
402
|
.lake-popup input[type="text"] {
|
|
392
403
|
box-sizing: content-box;
|
|
393
404
|
font-family: var(--font-family);
|
|
@@ -408,6 +419,113 @@ button.lake-text-button span {
|
|
|
408
419
|
padding-bottom: 8px;
|
|
409
420
|
}
|
|
410
421
|
|
|
422
|
+
.lake-resizer {
|
|
423
|
+
user-select: none;
|
|
424
|
+
display: none;
|
|
425
|
+
}
|
|
426
|
+
.lake-resizer-top-left,
|
|
427
|
+
.lake-resizer-top-right,
|
|
428
|
+
.lake-resizer-bottom-left,
|
|
429
|
+
.lake-resizer-bottom-right {
|
|
430
|
+
box-sizing: border-box;
|
|
431
|
+
position: absolute;
|
|
432
|
+
width: 12px;
|
|
433
|
+
height: 12px;
|
|
434
|
+
line-height: 0;
|
|
435
|
+
z-index: 1;
|
|
436
|
+
border: 1px solid #fff;
|
|
437
|
+
border-radius: 6px;
|
|
438
|
+
background-color: var(--box-border-focus-color);
|
|
439
|
+
}
|
|
440
|
+
.lake-resizer-top-left {
|
|
441
|
+
top: -5px;
|
|
442
|
+
left: -5px;
|
|
443
|
+
cursor: nwse-resize;
|
|
444
|
+
}
|
|
445
|
+
.lake-resizer-top-right {
|
|
446
|
+
top: -5px;
|
|
447
|
+
right: -5px;
|
|
448
|
+
cursor: nesw-resize;
|
|
449
|
+
}
|
|
450
|
+
.lake-resizer-bottom-left {
|
|
451
|
+
bottom: -5px;
|
|
452
|
+
left: -5px;
|
|
453
|
+
cursor: nesw-resize;
|
|
454
|
+
}
|
|
455
|
+
.lake-resizer-bottom-right {
|
|
456
|
+
bottom: -5px;
|
|
457
|
+
right: -5px;
|
|
458
|
+
cursor: nwse-resize;
|
|
459
|
+
}
|
|
460
|
+
.lake-resizer-info {
|
|
461
|
+
position: absolute;
|
|
462
|
+
bottom: 8px;
|
|
463
|
+
right: 8px;
|
|
464
|
+
z-index: 1;
|
|
465
|
+
border-radius: 4px;
|
|
466
|
+
background-color: rgba(0, 0, 0, .4);
|
|
467
|
+
padding: 2px 8px;
|
|
468
|
+
font-size: 14px;
|
|
469
|
+
line-height: normal;
|
|
470
|
+
color: #fff;
|
|
471
|
+
white-space: nowrap;
|
|
472
|
+
display: none;
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
.lake-toolbar {
|
|
476
|
+
font-family: var(--font-family);
|
|
477
|
+
font-size: 14px;
|
|
478
|
+
font-weight: normal;
|
|
479
|
+
line-height: normal;
|
|
480
|
+
padding: 4px;
|
|
481
|
+
display: flex;
|
|
482
|
+
flex-wrap: wrap;
|
|
483
|
+
align-items: center;
|
|
484
|
+
}
|
|
485
|
+
.lake-toolbar .lake-toolbar-divider {
|
|
486
|
+
box-sizing: content-box;
|
|
487
|
+
width: 1px;
|
|
488
|
+
height: 20px;
|
|
489
|
+
margin: 0 4px;
|
|
490
|
+
border-left: 1px solid var(--border-color);
|
|
491
|
+
user-select: none;
|
|
492
|
+
}
|
|
493
|
+
.lake-toolbar .lake-upload {
|
|
494
|
+
line-height: 0;
|
|
495
|
+
}
|
|
496
|
+
.lake-toolbar .lake-upload input[type="file"] {
|
|
497
|
+
display: none;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.lake-box-toolbar {
|
|
501
|
+
position: absolute;
|
|
502
|
+
top: 0;
|
|
503
|
+
left: 0;
|
|
504
|
+
z-index: 1;
|
|
505
|
+
box-sizing: content-box;
|
|
506
|
+
border: 1px solid var(--border-color);
|
|
507
|
+
border-radius: 5px;
|
|
508
|
+
font-family: var(--font-family);
|
|
509
|
+
font-size: 14px;
|
|
510
|
+
font-weight: normal;
|
|
511
|
+
line-height: normal;
|
|
512
|
+
color: var(--text-color);
|
|
513
|
+
background-color: #fff;
|
|
514
|
+
box-shadow: 0 2px 0 #00000005;
|
|
515
|
+
padding: 4px;
|
|
516
|
+
display: flex;
|
|
517
|
+
flex-wrap: wrap;
|
|
518
|
+
align-items: center;
|
|
519
|
+
}
|
|
520
|
+
.lake-box-toolbar .lake-toolbar-divider {
|
|
521
|
+
box-sizing: content-box;
|
|
522
|
+
width: 1px;
|
|
523
|
+
height: 20px;
|
|
524
|
+
margin: 0 4px;
|
|
525
|
+
border-left: 1px solid var(--border-color);
|
|
526
|
+
user-select: none;
|
|
527
|
+
}
|
|
528
|
+
|
|
411
529
|
.lake-container.lake-format-painter {
|
|
412
530
|
/* file: ../svg/format-painter-cursor.svg */
|
|
413
531
|
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20' viewBox='0 0 600 400'%3E%3Cpath fill='none' d='M397 401H1V1h600v400H397m27.39-160.456v-37.606h5.963c41.821 0 83.642.024 125.463-.016 10.848-.01 17.325-6 17.358-16.286.096-30.823.1-61.648 0-92.471-.034-10.554-5.94-16.103-16.674-16.16-6.45-.035-12.899-.007-19.657-.007 0-8.783.063-17.08-.018-25.374-.079-7.94-3.319-11.204-11.29-11.207-73.81-.03-147.621-.034-221.432.004-8.106.004-11.091 3.142-11.096 11.293-.02 32.99-.02 65.98-.003 98.97.005 8.202 3.26 11.461 11.504 11.463 73.644.015 147.289.016 220.933-.002 8.157-.002 11.373-3.312 11.393-11.649.036-14.662.003-29.324.02-43.986.002-1.608.14-3.216.215-4.84h11.502v75.804h-5.843c-41.487 0-82.975-.005-124.462.003-12.796.002-18.147 5.394-18.162 18.306-.017 14.662.002 29.324-.015 43.987-.002 1.432-.153 2.865-.249 4.53-5.076 0-9.73.089-14.38-.027-3.776-.095-5.384 1.436-5.371 5.34.099 29.489-.097 58.98.155 88.468.142 16.617 14.312 30.632 30.552 30.954 17.736.352 32.858-12.285 33.16-29.098.542-30.313.202-60.641.302-90.963.011-3.525-1.706-4.728-4.922-4.686-3.832.05-7.676-.172-11.493.067-3.036.19-3.824-1.148-3.452-4.81M98.997 123.5v81.255H76.999v22.088h21.982c0 2.045.005 3.674 0 5.303-.087 25.83-.49 51.664-.091 77.487.143 9.23-2.38 16.953-7.836 24.049-.913 1.187-1.723 2.452-2.59 3.675-9.838 13.893-23.103 21.722-40.24 22.51-4.767.218-9.553.032-14.914.032v22.282c32.478 3.01 58.566-8.283 76.789-36.428 17.756 26.721 48.899 40.773 78.248 36.027l-1.083-21.66c-2.256 0-3.75-.08-5.232.012-21.104 1.302-37.87-6.871-50.84-23.287-6.506-8.233-10.772-16.802-10.401-28.137.833-25.47.26-50.985.26-76.482v-5.482h21.96v-22.25h-21.96v-5.966c0-32.329.294-64.663-.185-96.985-.141-9.484 1.949-17.494 7.541-25.066 12.268-16.61 27.766-26.975 49.095-26.868 3.12.015 6.24.002 10.04.002V27.314c-15.008-.802-29.72-.048-43.6 7.157-13.625 7.073-25.309 16.192-33.954 29.838-8.595-13.434-19.139-23.646-33.21-30.154-14.041-6.495-28.642-7.867-43.307-6.781V49.62c4.253 0 7.742.003 11.23 0 7.756-.006 14.966 1.724 22.189 4.873 10.95 4.774 18.144 12.992 24.784 22.4 5.426 7.69 8.207 15.646 7.43 25.118-.555 6.787-.107 13.657-.107 21.489z'/%3E%3Cpath fill='%23020202' d='M424.39 241.051c-.371 3.156.417 4.494 3.453 4.304 3.817-.239 7.661-.017 11.493-.067 3.216-.042 4.933 1.161 4.922 4.686-.1 30.322.24 60.65-.303 90.963-.3 16.813-15.423 29.45-33.159 29.098-16.24-.322-30.41-14.337-30.552-30.954-.252-29.488-.056-58.98-.155-88.469-.013-3.903 1.595-5.434 5.371-5.34 4.65.117 9.304.028 14.38.028.096-1.665.247-3.098.249-4.53.017-14.663-.002-29.325.015-43.987.015-12.912 5.366-18.304 18.162-18.306 41.487-.008 82.975-.003 124.462-.003h5.843V102.67H537.07c-.075 1.624-.213 3.232-.215 4.84-.017 14.662.016 29.324-.02 43.986-.02 8.337-3.236 11.647-11.393 11.649-73.644.018-147.289.017-220.933.002-8.244-.002-11.5-3.261-11.504-11.462-.016-32.99-.017-65.98.003-98.97.005-8.152 2.99-11.29 11.096-11.294 73.81-.038 147.622-.034 221.433-.004 7.97.003 11.21 3.266 11.289 11.207.081 8.295.018 16.59.018 25.374 6.758 0 13.208-.028 19.657.006 10.734.058 16.64 5.607 16.674 16.16.1 30.824.096 61.649 0 92.472-.033 10.286-6.51 16.275-17.358 16.286-41.821.04-83.642.016-125.463.016h-5.962v38.113z'/%3E%3Cpath fill='%23040404' d='M98.997 123c0-7.332-.448-14.202.108-20.989.776-9.472-2.005-17.429-7.431-25.118-6.64-9.408-13.834-17.626-24.784-22.4-7.223-3.15-14.433-4.879-22.189-4.873-3.488.003-6.977 0-11.23 0V27.374c14.665-1.086 29.266.286 43.307 6.78 14.071 6.51 24.615 16.72 33.21 30.155 8.645-13.646 20.33-22.765 33.954-29.838 13.88-7.205 28.592-7.959 43.6-7.157V49.61c-3.8 0-6.92.013-10.04-.002-21.329-.107-36.827 10.259-49.095 26.868-5.592 7.572-7.682 15.582-7.541 25.066.479 32.322.185 64.656.186 96.985v5.966h21.958v22.25h-21.958v5.482c0 25.497.572 51.013-.261 76.482-.37 11.335 3.895 19.904 10.4 28.137 12.97 16.416 29.737 24.589 50.84 23.287 1.483-.092 2.977-.012 5.233-.012l1.083 21.66c-29.349 4.746-60.492-9.306-78.248-36.027-18.223 28.145-44.31 39.438-76.79 36.428v-22.282c5.362 0 10.148.186 14.914-.033 17.138-.787 30.403-8.616 40.242-22.509.866-1.223 1.676-2.488 2.589-3.675 5.455-7.096 7.979-14.82 7.836-24.05-.4-25.822.004-51.656.09-77.486.006-1.63 0-3.258 0-5.303H77v-22.088h21.997V123z'/%3E%3C/svg%3E") 2 2, text;
|
|
@@ -645,6 +763,44 @@ lake-box .lake-box-strip ::selection {
|
|
|
645
763
|
lake-box .lake-box-container {
|
|
646
764
|
display: block;
|
|
647
765
|
}
|
|
766
|
+
lake-box .lake-box-hovered .lake-button-group,
|
|
767
|
+
lake-box .lake-box-focused .lake-button-group,
|
|
768
|
+
lake-box .lake-box-activated .lake-button-group {
|
|
769
|
+
display: flex;
|
|
770
|
+
}
|
|
771
|
+
lake-box .lake-box-focused .lake-resizer {
|
|
772
|
+
display: block;
|
|
773
|
+
}
|
|
774
|
+
lake-box .lake-button-group {
|
|
775
|
+
position: absolute;
|
|
776
|
+
top: 8px;
|
|
777
|
+
right: 8px;
|
|
778
|
+
z-index: 2;
|
|
779
|
+
border-radius: 4px;
|
|
780
|
+
background-color: rgba(0, 0, 0, .4);
|
|
781
|
+
line-height: 0;
|
|
782
|
+
display: flex;
|
|
783
|
+
align-items: center;
|
|
784
|
+
padding: 0 6px;
|
|
785
|
+
display: none;
|
|
786
|
+
}
|
|
787
|
+
lake-box .lake-button-group button {
|
|
788
|
+
border-radius: 5px;
|
|
789
|
+
border: 0;
|
|
790
|
+
color: var(--text-color);
|
|
791
|
+
background-color: transparent;
|
|
792
|
+
padding: 0;
|
|
793
|
+
margin: 0;
|
|
794
|
+
line-height: 0;
|
|
795
|
+
cursor: pointer;
|
|
796
|
+
user-select: none;
|
|
797
|
+
}
|
|
798
|
+
lake-box .lake-button-group button svg {
|
|
799
|
+
fill: #fff;
|
|
800
|
+
width: 16px;
|
|
801
|
+
height: 16px;
|
|
802
|
+
margin: 6px;
|
|
803
|
+
}
|
|
648
804
|
|
|
649
805
|
lake-box[name="hr"] {
|
|
650
806
|
margin-bottom: 8px;
|
|
@@ -675,6 +831,123 @@ lake-box[name="hr"] .lake-box-focused .lake-hr {
|
|
|
675
831
|
border-top: 1px solid var(--border-color);
|
|
676
832
|
}
|
|
677
833
|
|
|
834
|
+
.lake-video {
|
|
835
|
+
position: relative;
|
|
836
|
+
line-height: 0;
|
|
837
|
+
box-sizing: content-box;
|
|
838
|
+
border: 1px solid transparent;
|
|
839
|
+
}
|
|
840
|
+
lake-box[name="video"] .lake-box-hovered .lake-resizer {
|
|
841
|
+
display: block;
|
|
842
|
+
}
|
|
843
|
+
.lake-video .lake-video-form {
|
|
844
|
+
box-sizing: content-box;
|
|
845
|
+
padding: 16px;
|
|
846
|
+
line-height: normal;
|
|
847
|
+
border: 1px solid var(--box-border-color);
|
|
848
|
+
border-radius: 4px;
|
|
849
|
+
}
|
|
850
|
+
.lake-video input[type="text"] {
|
|
851
|
+
box-sizing: border-box;
|
|
852
|
+
font-family: var(--font-family);
|
|
853
|
+
font-size: 14px;
|
|
854
|
+
color: var(--text-color);
|
|
855
|
+
border-radius: 5px;
|
|
856
|
+
border: 1px solid var(--input-border-color);
|
|
857
|
+
padding: 4px 10px;
|
|
858
|
+
width: 100%;
|
|
859
|
+
}
|
|
860
|
+
.lake-video input[type="text"]:hover {
|
|
861
|
+
border: 1px solid var(--input-border-hover-color);
|
|
862
|
+
}
|
|
863
|
+
.lake-video input[type="text"]:focus-visible {
|
|
864
|
+
outline: var(--input-outline);
|
|
865
|
+
outline-offset: -2px;
|
|
866
|
+
}
|
|
867
|
+
.lake-video .lake-row {
|
|
868
|
+
padding-bottom: 8px;
|
|
869
|
+
}
|
|
870
|
+
.lake-video .lake-desc-row {
|
|
871
|
+
padding-top: 8px;
|
|
872
|
+
padding-bottom: 16px;
|
|
873
|
+
color: var(--secondary-text-color);
|
|
874
|
+
}
|
|
875
|
+
.lake-video .lake-button-row {
|
|
876
|
+
padding-top: 16px;
|
|
877
|
+
}
|
|
878
|
+
.lake-video .lake-button-row button {
|
|
879
|
+
box-sizing: border-box;
|
|
880
|
+
width: 100%;
|
|
881
|
+
}
|
|
882
|
+
|
|
883
|
+
/* CodeMirror */
|
|
884
|
+
.cm-editor {
|
|
885
|
+
font-size: 14px;
|
|
886
|
+
border-radius: 5px;
|
|
887
|
+
background-color: var(--box-background-color);
|
|
888
|
+
}
|
|
889
|
+
.cm-editor.cm-focused {
|
|
890
|
+
outline: none;
|
|
891
|
+
}
|
|
892
|
+
.cm-editor .cm-content {
|
|
893
|
+
font-family: Consolas, Courier, monospace;
|
|
894
|
+
margin: 16px 20px;
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
/* code block */
|
|
898
|
+
lake-box[name="codeBlock"] {
|
|
899
|
+
margin-bottom: 16px;
|
|
900
|
+
}
|
|
901
|
+
lake-box[name="codeBlock"] .lake-box-focused .lake-code-block,
|
|
902
|
+
lake-box[name="codeBlock"] .lake-box-activated .lake-code-block {
|
|
903
|
+
border-color: var(--box-border-color);
|
|
904
|
+
}
|
|
905
|
+
.lake-code-block {
|
|
906
|
+
position: relative;
|
|
907
|
+
box-sizing: border-box;
|
|
908
|
+
border: 1px solid transparent;
|
|
909
|
+
border-radius: 5px;
|
|
910
|
+
}
|
|
911
|
+
.lake-code-block .lake-dropdown {
|
|
912
|
+
position: absolute;
|
|
913
|
+
top: 2px;
|
|
914
|
+
inset-inline-end: 2px;
|
|
915
|
+
display: none;
|
|
916
|
+
}
|
|
917
|
+
lake-box[name="codeBlock"] .lake-box-focused .lake-code-block .lake-dropdown,
|
|
918
|
+
lake-box[name="codeBlock"] .lake-box-activated .lake-code-block .lake-dropdown {
|
|
919
|
+
display: block;
|
|
920
|
+
}
|
|
921
|
+
.lake-code-block .lake-dropdown .lake-dropdown-title {
|
|
922
|
+
margin: 0;
|
|
923
|
+
padding-right: 4px;
|
|
924
|
+
background-color: var(--box-background-color);
|
|
925
|
+
}
|
|
926
|
+
.lake-code-block .lake-dropdown.lake-list-dropdown .lake-dropdown-title-hovered {
|
|
927
|
+
background-color: var(--background-active-color);
|
|
928
|
+
}
|
|
929
|
+
.lake-code-block .lake-dropdown .lake-dropdown-text {
|
|
930
|
+
margin: 3px 6px;
|
|
931
|
+
}
|
|
932
|
+
.lake-code-block .lake-dropdown .lake-dropdown-down-icon svg {
|
|
933
|
+
margin: 5px 2px;
|
|
934
|
+
}
|
|
935
|
+
.lake-code-block .lake-dropdown .lake-dropdown-menu {
|
|
936
|
+
top: 24px;
|
|
937
|
+
left: auto;
|
|
938
|
+
right: 0;
|
|
939
|
+
overflow-y: scroll;
|
|
940
|
+
scrollbar-width: thin;
|
|
941
|
+
height: 200px;
|
|
942
|
+
}
|
|
943
|
+
.lake-code-block-error {
|
|
944
|
+
font-size: 14px;
|
|
945
|
+
color: var(--error-color);
|
|
946
|
+
border-radius: 5px;
|
|
947
|
+
background-color: var(--box-background-color);
|
|
948
|
+
padding: 16px 20px;
|
|
949
|
+
}
|
|
950
|
+
|
|
678
951
|
.lake-image-placeholder {
|
|
679
952
|
display: flex;
|
|
680
953
|
align-items: center;
|
|
@@ -709,95 +982,6 @@ lake-box[name="hr"] .lake-box-focused .lake-hr {
|
|
|
709
982
|
lake-box[name="image"] .lake-box-focused .lake-image {
|
|
710
983
|
border-color: var(--box-border-focus-color);
|
|
711
984
|
}
|
|
712
|
-
.lake-image .lake-button-group {
|
|
713
|
-
position: absolute;
|
|
714
|
-
top: 8px;
|
|
715
|
-
right: 8px;
|
|
716
|
-
z-index: 2;
|
|
717
|
-
border-radius: 4px;
|
|
718
|
-
background-color: rgba(0, 0, 0, .4);
|
|
719
|
-
line-height: 0;
|
|
720
|
-
display: flex;
|
|
721
|
-
align-items: center;
|
|
722
|
-
padding: 0 6px;
|
|
723
|
-
display: none;
|
|
724
|
-
}
|
|
725
|
-
lake-box[name="image"] .lake-box-hovered .lake-button-group,
|
|
726
|
-
lake-box[name="image"] .lake-box-focused .lake-button-group {
|
|
727
|
-
display: flex;
|
|
728
|
-
}
|
|
729
|
-
.lake-image .lake-button-group button {
|
|
730
|
-
border-radius: 5px;
|
|
731
|
-
border: 0;
|
|
732
|
-
color: var(--text-color);
|
|
733
|
-
background-color: transparent;
|
|
734
|
-
padding: 0;
|
|
735
|
-
margin: 0;
|
|
736
|
-
line-height: 0;
|
|
737
|
-
cursor: pointer;
|
|
738
|
-
user-select: none;
|
|
739
|
-
}
|
|
740
|
-
.lake-image .lake-button-group button svg {
|
|
741
|
-
fill: #fff;
|
|
742
|
-
width: 16px;
|
|
743
|
-
height: 16px;
|
|
744
|
-
margin: 6px;
|
|
745
|
-
}
|
|
746
|
-
.lake-image .lake-resizer {
|
|
747
|
-
user-select: none;
|
|
748
|
-
display: none;
|
|
749
|
-
}
|
|
750
|
-
lake-box[name="image"] .lake-box-focused .lake-resizer {
|
|
751
|
-
display: block;
|
|
752
|
-
}
|
|
753
|
-
.lake-image .lake-resizer-top-left,
|
|
754
|
-
.lake-image .lake-resizer-top-right,
|
|
755
|
-
.lake-image .lake-resizer-bottom-left,
|
|
756
|
-
.lake-image .lake-resizer-bottom-right {
|
|
757
|
-
box-sizing: border-box;
|
|
758
|
-
position: absolute;
|
|
759
|
-
width: 12px;
|
|
760
|
-
height: 12px;
|
|
761
|
-
line-height: 0;
|
|
762
|
-
z-index: 1;
|
|
763
|
-
border: 1px solid #fff;
|
|
764
|
-
border-radius: 6px;
|
|
765
|
-
background-color: var(--box-border-focus-color);
|
|
766
|
-
}
|
|
767
|
-
.lake-image .lake-resizer-top-left {
|
|
768
|
-
top: -5px;
|
|
769
|
-
left: -5px;
|
|
770
|
-
cursor: nwse-resize;
|
|
771
|
-
}
|
|
772
|
-
.lake-image .lake-resizer-top-right {
|
|
773
|
-
top: -5px;
|
|
774
|
-
right: -5px;
|
|
775
|
-
cursor: nesw-resize;
|
|
776
|
-
}
|
|
777
|
-
.lake-image .lake-resizer-bottom-left {
|
|
778
|
-
bottom: -5px;
|
|
779
|
-
left: -5px;
|
|
780
|
-
cursor: nesw-resize;
|
|
781
|
-
}
|
|
782
|
-
.lake-image .lake-resizer-bottom-right {
|
|
783
|
-
bottom: -5px;
|
|
784
|
-
right: -5px;
|
|
785
|
-
cursor: nwse-resize;
|
|
786
|
-
}
|
|
787
|
-
.lake-image .lake-resizer-info {
|
|
788
|
-
position: absolute;
|
|
789
|
-
bottom: 8px;
|
|
790
|
-
right: 8px;
|
|
791
|
-
z-index: 1;
|
|
792
|
-
border-radius: 4px;
|
|
793
|
-
background-color: rgba(0, 0, 0, .4);
|
|
794
|
-
padding: 2px 8px;
|
|
795
|
-
font-size: 14px;
|
|
796
|
-
line-height: normal;
|
|
797
|
-
color: #fff;
|
|
798
|
-
white-space: nowrap;
|
|
799
|
-
display: none;
|
|
800
|
-
}
|
|
801
985
|
/* uploading status */
|
|
802
986
|
.lake-image-uploading .lake-image-img {
|
|
803
987
|
opacity: 0.5;
|
|
@@ -873,6 +1057,14 @@ lake-box[name="image"] .lake-box-selected .lake-image-error {
|
|
|
873
1057
|
border: 1px solid transparent;
|
|
874
1058
|
border-radius: 4px;
|
|
875
1059
|
}
|
|
1060
|
+
.lake-container[contenteditable="true"] .lake-file {
|
|
1061
|
+
cursor: default;
|
|
1062
|
+
user-select: none;
|
|
1063
|
+
}
|
|
1064
|
+
.lake-container[contenteditable="false"] .lake-file {
|
|
1065
|
+
cursor: pointer;
|
|
1066
|
+
user-select: auto;
|
|
1067
|
+
}
|
|
876
1068
|
.lake-file .lake-file-info {
|
|
877
1069
|
display: flex;
|
|
878
1070
|
align-items: center;
|
|
@@ -888,10 +1080,13 @@ lake-box[name="image"] .lake-box-selected .lake-image-error {
|
|
|
888
1080
|
color: var(--link-color);
|
|
889
1081
|
}
|
|
890
1082
|
lake-box[name="file"] .lake-box-hovered .lake-file {
|
|
891
|
-
|
|
1083
|
+
background-color: var(--box-background-color);
|
|
1084
|
+
}
|
|
1085
|
+
lake-box[name="file"] .lake-box-selected .lake-file {
|
|
1086
|
+
background-color: var(--selection-background-color);
|
|
892
1087
|
}
|
|
893
1088
|
lake-box[name="file"] .lake-box-focused .lake-file {
|
|
894
|
-
|
|
1089
|
+
background-color: var(--selection-background-color);
|
|
895
1090
|
}
|
|
896
1091
|
/* uploading status */
|
|
897
1092
|
.lake-file-uploading .lake-progress {
|
|
@@ -917,78 +1112,6 @@ lake-box[name="file"] .lake-box-focused .lake-file {
|
|
|
917
1112
|
.lake-file-error .lake-file-name {
|
|
918
1113
|
color: var(--error-color);
|
|
919
1114
|
}
|
|
920
|
-
/* readonly mode */
|
|
921
|
-
.lake-file-readonly {
|
|
922
|
-
cursor: pointer;
|
|
923
|
-
}
|
|
924
|
-
|
|
925
|
-
/* CodeMirror */
|
|
926
|
-
.cm-editor {
|
|
927
|
-
font-size: 14px;
|
|
928
|
-
border-radius: 5px;
|
|
929
|
-
background-color: var(--box-background-color);
|
|
930
|
-
}
|
|
931
|
-
.cm-editor.cm-focused {
|
|
932
|
-
outline: none;
|
|
933
|
-
}
|
|
934
|
-
.cm-editor .cm-content {
|
|
935
|
-
font-family: Consolas, Courier, monospace;
|
|
936
|
-
margin: 16px 20px;
|
|
937
|
-
}
|
|
938
|
-
|
|
939
|
-
/* code block */
|
|
940
|
-
lake-box[name="codeBlock"] {
|
|
941
|
-
margin-bottom: 16px;
|
|
942
|
-
}
|
|
943
|
-
lake-box[name="codeBlock"] .lake-box-focused .lake-code-block,
|
|
944
|
-
lake-box[name="codeBlock"] .lake-box-activated .lake-code-block {
|
|
945
|
-
border-color: var(--box-border-color);
|
|
946
|
-
}
|
|
947
|
-
.lake-code-block {
|
|
948
|
-
position: relative;
|
|
949
|
-
box-sizing: border-box;
|
|
950
|
-
border: 1px solid transparent;
|
|
951
|
-
border-radius: 5px;
|
|
952
|
-
}
|
|
953
|
-
.lake-code-block .lake-dropdown {
|
|
954
|
-
position: absolute;
|
|
955
|
-
top: 2px;
|
|
956
|
-
inset-inline-end: 2px;
|
|
957
|
-
display: none;
|
|
958
|
-
}
|
|
959
|
-
lake-box[name="codeBlock"] .lake-box-focused .lake-code-block .lake-dropdown,
|
|
960
|
-
lake-box[name="codeBlock"] .lake-box-activated .lake-code-block .lake-dropdown {
|
|
961
|
-
display: block;
|
|
962
|
-
}
|
|
963
|
-
.lake-code-block .lake-dropdown .lake-dropdown-title {
|
|
964
|
-
margin: 0;
|
|
965
|
-
padding-right: 4px;
|
|
966
|
-
background-color: var(--box-background-color);
|
|
967
|
-
}
|
|
968
|
-
.lake-code-block .lake-dropdown.lake-list-dropdown .lake-dropdown-title-hovered {
|
|
969
|
-
background-color: var(--background-active-color);
|
|
970
|
-
}
|
|
971
|
-
.lake-code-block .lake-dropdown .lake-dropdown-text {
|
|
972
|
-
margin: 3px 6px;
|
|
973
|
-
}
|
|
974
|
-
.lake-code-block .lake-dropdown .lake-dropdown-down-icon svg {
|
|
975
|
-
margin: 5px 2px;
|
|
976
|
-
}
|
|
977
|
-
.lake-code-block .lake-dropdown .lake-dropdown-menu {
|
|
978
|
-
top: 24px;
|
|
979
|
-
left: auto;
|
|
980
|
-
right: 0;
|
|
981
|
-
overflow-y: scroll;
|
|
982
|
-
scrollbar-width: thin;
|
|
983
|
-
height: 200px;
|
|
984
|
-
}
|
|
985
|
-
.lake-code-block-error {
|
|
986
|
-
font-size: 14px;
|
|
987
|
-
color: var(--error-color);
|
|
988
|
-
border-radius: 5px;
|
|
989
|
-
background-color: var(--box-background-color);
|
|
990
|
-
padding: 16px 20px;
|
|
991
|
-
}
|
|
992
1115
|
|
|
993
1116
|
.lake-link-popup {
|
|
994
1117
|
position: absolute;
|
|
@@ -1032,56 +1155,3 @@ lake-box[name="codeBlock"] .lake-box-activated .lake-code-block .lake-dropdown {
|
|
|
1032
1155
|
display: none;
|
|
1033
1156
|
fill: var(--error-color);
|
|
1034
1157
|
}
|
|
1035
|
-
|
|
1036
|
-
.lake-toolbar {
|
|
1037
|
-
font-family: var(--font-family);
|
|
1038
|
-
font-size: 14px;
|
|
1039
|
-
font-weight: normal;
|
|
1040
|
-
line-height: normal;
|
|
1041
|
-
padding: 4px;
|
|
1042
|
-
display: flex;
|
|
1043
|
-
flex-wrap: wrap;
|
|
1044
|
-
align-items: center;
|
|
1045
|
-
}
|
|
1046
|
-
.lake-toolbar .lake-toolbar-divider {
|
|
1047
|
-
box-sizing: content-box;
|
|
1048
|
-
width: 1px;
|
|
1049
|
-
height: 20px;
|
|
1050
|
-
margin: 0 4px;
|
|
1051
|
-
border-left: 1px solid var(--border-color);
|
|
1052
|
-
user-select: none;
|
|
1053
|
-
}
|
|
1054
|
-
.lake-toolbar .lake-upload {
|
|
1055
|
-
line-height: 0;
|
|
1056
|
-
}
|
|
1057
|
-
.lake-toolbar .lake-upload input[type="file"] {
|
|
1058
|
-
display: none;
|
|
1059
|
-
}
|
|
1060
|
-
|
|
1061
|
-
.lake-box-toolbar {
|
|
1062
|
-
position: absolute;
|
|
1063
|
-
top: 0;
|
|
1064
|
-
left: 0;
|
|
1065
|
-
z-index: 1;
|
|
1066
|
-
box-sizing: content-box;
|
|
1067
|
-
border: 1px solid var(--border-color);
|
|
1068
|
-
border-radius: 5px;
|
|
1069
|
-
font-family: var(--font-family);
|
|
1070
|
-
font-size: 14px;
|
|
1071
|
-
font-weight: normal;
|
|
1072
|
-
line-height: normal;
|
|
1073
|
-
color: var(--text-color);
|
|
1074
|
-
background-color: #fff;
|
|
1075
|
-
padding: 4px;
|
|
1076
|
-
display: flex;
|
|
1077
|
-
flex-wrap: wrap;
|
|
1078
|
-
align-items: center;
|
|
1079
|
-
}
|
|
1080
|
-
.lake-box-toolbar .lake-toolbar-divider {
|
|
1081
|
-
box-sizing: content-box;
|
|
1082
|
-
width: 1px;
|
|
1083
|
-
height: 20px;
|
|
1084
|
-
margin: 0 4px;
|
|
1085
|
-
border-left: 1px solid var(--border-color);
|
|
1086
|
-
user-select: none;
|
|
1087
|
-
}
|