@flozy/editor 1.5.8 → 1.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. package/dist/Editor/CommonEditor.js +103 -17
  2. package/dist/Editor/Editor.css +194 -24
  3. package/dist/Editor/Elements/Accordion/Accordion.js +0 -1
  4. package/dist/Editor/Elements/Accordion/AccordionSummary.js +0 -1
  5. package/dist/Editor/Elements/AppHeader/AppHeader.js +134 -131
  6. package/dist/Editor/Elements/AppHeader/AppHeaderPopup.js +4 -2
  7. package/dist/Editor/Elements/Button/EditorButton.js +4 -4
  8. package/dist/Editor/Elements/Color Picker/ColorPicker.js +29 -58
  9. package/dist/Editor/Elements/Embed/Embed.js +18 -16
  10. package/dist/Editor/Elements/Embed/Image.js +11 -2
  11. package/dist/Editor/Elements/Embed/Video.js +10 -2
  12. package/dist/Editor/Elements/Form/Form.js +0 -1
  13. package/dist/Editor/Elements/Form/FormButton.js +2 -2
  14. package/dist/Editor/Elements/Form/FormElements/FormText.js +3 -2
  15. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +3 -2
  16. package/dist/Editor/Elements/Grid/Grid.js +128 -43
  17. package/dist/Editor/Elements/Grid/GridItem.js +2 -2
  18. package/dist/Editor/Elements/InlineIcon/InlineIcon.js +0 -1
  19. package/dist/Editor/Elements/PageSettings/PageSettings.js +4 -2
  20. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +0 -2
  21. package/dist/Editor/Elements/PageSettings/PageSettingsPopup.js +1 -1
  22. package/dist/Editor/Toolbar/FormatTools/Autocomplete.js +0 -2
  23. package/dist/Editor/Toolbar/FormatTools/FontFamilyDropdown.js +63 -0
  24. package/dist/Editor/Toolbar/FormatTools/FontSize.js +112 -0
  25. package/dist/Editor/Toolbar/FormatTools/index.js +3 -1
  26. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +3 -3
  27. package/dist/Editor/Toolbar/PopupTool/index.js +25 -49
  28. package/dist/Editor/Toolbar/Toolbar.js +21 -5
  29. package/dist/Editor/Toolbar/styles.css +135 -17
  30. package/dist/Editor/Toolbar/toolbarGroups.js +21 -10
  31. package/dist/Editor/common/Icon.js +7 -1
  32. package/dist/Editor/common/ImageList.js +69 -0
  33. package/dist/Editor/common/ImageUploader.js +83 -0
  34. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +3 -3
  35. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +3 -3
  36. package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +5 -5
  37. package/dist/Editor/common/StyleBuilder/buttonStyle.js +7 -7
  38. package/dist/Editor/common/StyleBuilder/chipTextStyle.js +3 -3
  39. package/dist/Editor/common/StyleBuilder/embedImageStyle.js +18 -5
  40. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +8 -0
  41. package/dist/Editor/common/StyleBuilder/fieldStyle.js +3 -3
  42. package/dist/Editor/common/StyleBuilder/fieldTypes/alignment.js +2 -3
  43. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +41 -1
  44. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +95 -0
  45. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +14 -2
  46. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +3 -1
  47. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +0 -1
  48. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +3 -2
  49. package/dist/Editor/common/StyleBuilder/formButtonStyle.js +3 -3
  50. package/dist/Editor/common/StyleBuilder/formStyle.js +3 -3
  51. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +1 -1
  52. package/dist/Editor/common/Uploader.js +25 -54
  53. package/dist/Editor/common/iconslist.js +26 -1
  54. package/dist/Editor/helper/index.js +0 -1
  55. package/dist/Editor/hooks/useDrag.js +2 -2
  56. package/dist/Editor/utils/SlateUtilityFunctions.js +1 -0
  57. package/dist/Editor/utils/button.js +2 -1
  58. package/dist/Editor/utils/embed.js +6 -3
  59. package/package.json +3 -2
@@ -1,19 +1,25 @@
1
1
  .editor-t-wrapper {
2
2
  font-family: "PoppinsRegular", "Helvetica", "Arial", sans-serif;
3
+ position: relative;
3
4
  }
5
+
4
6
  .editor-t-wrapper strong,
5
7
  .editor-t-wrapper strong * {
6
8
  font-family: "PoppinsBold", "Helvetica", "Arial", sans-serif;
7
9
  }
10
+
8
11
  .ml-1 {
9
12
  margin-left: 10px;
10
13
  }
14
+
11
15
  .dflex {
12
16
  display: flex;
13
17
  }
18
+
14
19
  .alignCenter {
15
20
  align-items: center;
16
21
  }
22
+
17
23
  blockquote {
18
24
  border-left: 2px solid #ddd;
19
25
  margin-left: 0;
@@ -28,19 +34,21 @@ blockquote {
28
34
  .editor-wrapper td {
29
35
  border: 1px solid black;
30
36
  }
37
+
31
38
  .editor-wrapper table {
32
39
  border-collapse: collapse;
33
40
  }
41
+
34
42
  .editor-wrapper .editor-wrapperbutton {
35
43
  background-color: white;
36
44
  border: none;
37
45
  }
46
+
38
47
  .editor-wrapper .btnActive {
39
48
  opacity: 1;
40
49
  }
41
50
 
42
51
  .editor-wrapper {
43
-
44
52
  background: #ffffff;
45
53
  min-height: 400px;
46
54
  height: fit-content;
@@ -52,14 +60,17 @@ blockquote {
52
60
  .editor-wrapper table {
53
61
  /* width:100%; */
54
62
  }
63
+
55
64
  .editor-wrapper td {
56
65
  height: 50px;
57
66
  padding: 0 5px;
58
67
  }
68
+
59
69
  .popup-wrapper1 {
60
70
  display: inline;
61
71
  position: relative;
62
72
  }
73
+
63
74
  .af-popup {
64
75
  position: fixed;
65
76
  left: 0;
@@ -75,16 +86,20 @@ blockquote {
75
86
  z-index: 999;
76
87
  width: 300px;
77
88
  }
89
+
78
90
  .editor-wrapper button {
79
91
  cursor: pointer;
80
92
  }
93
+
81
94
  .editor-wrapper code {
82
95
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
83
96
  monospace;
84
97
  }
98
+
85
99
  .editor-wrapper html {
86
100
  scroll-behavior: smooth;
87
101
  }
102
+
88
103
  .editor-wrapper *:focus-visible {
89
104
  outline: none;
90
105
  }
@@ -111,10 +126,14 @@ blockquote {
111
126
 
112
127
  .grid-container-toolbar {
113
128
  right: -40px;
129
+ top: 0;
130
+ bottom: 0;
131
+ margin: auto;
132
+ height: fit-content;
114
133
  }
115
134
 
116
135
  .grid-item-toolbar {
117
- left: -40px;
136
+ left: 0px;
118
137
  }
119
138
 
120
139
  .element-toolbar {
@@ -132,9 +151,9 @@ blockquote {
132
151
  .grid-item-toolbar button,
133
152
  .element-toolbar button {
134
153
  border-radius: 10px;
135
- border: 1px solid rgba(37, 99, 235, 0.32);
136
- background: #FFF;
137
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
154
+ border: 1px solid rgba(37, 99, 235, 0.32);
155
+ background: #fff;
156
+ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
138
157
 
139
158
  /* background-color: #2684ff; */
140
159
  /* color: #FFFFFF; */
@@ -144,10 +163,11 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
144
163
  height: 36px;
145
164
  padding: 6px;
146
165
  }
166
+
147
167
  .grid-container-toolbar button:hover,
148
168
  .grid-item-toolbar button:hover,
149
169
  .element-toolbar button:hover {
150
- background-color: #FFFFFF;
170
+ background-color: #ffffff;
151
171
  color: #2684ff;
152
172
  border: 1px solid #2684ff;
153
173
  }
@@ -213,13 +233,14 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
213
233
  display: flex;
214
234
  justify-content: space-around;
215
235
  }
236
+
216
237
  .signature-btn-grps svg {
217
238
  height: 17px !important;
218
239
  width: 17px !important;
219
240
  }
220
241
 
221
242
  .close-popupbtn {
222
- background-color: #F8FAFC !important;
243
+ background-color: #f8fafc !important;
223
244
  border-radius: 4px !important;
224
245
  width: 24px;
225
246
  height: 24px;
@@ -249,9 +270,11 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
249
270
  position: relative;
250
271
  display: flex;
251
272
  }
273
+
252
274
  .signature-signed-span {
253
275
  position: relative;
254
276
  }
277
+
255
278
  .signature-signed-wrapper .signed-btn-del {
256
279
  position: absolute;
257
280
  right: -20px;
@@ -259,6 +282,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
259
282
  opacity: 1;
260
283
  z-index: 1;
261
284
  }
285
+
262
286
  .signed-btn {
263
287
  text-align: center;
264
288
  opacity: 1;
@@ -278,9 +302,11 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
278
302
  color: #0f172a;
279
303
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.08);
280
304
  }
305
+
281
306
  .typesignature-fontfamily .MuiButtonBase-root.active {
282
307
  border: 1px solid #0052cc;
283
308
  }
309
+
284
310
  .typesignature-input-wrapper .MuiInputAdornment-root .MuiButtonBase-root {
285
311
  background-color: #e9ebf8 !important;
286
312
  border-radius: 4px !important;
@@ -288,6 +314,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
288
314
  height: 24px;
289
315
  padding: 2px;
290
316
  }
317
+
291
318
  .typesignature-input-wrapper .MuiInputAdornment-root svg {
292
319
  width: 100%;
293
320
  height: 100%;
@@ -304,6 +331,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
304
331
  display: flex !important;
305
332
  align-items: center;
306
333
  }
334
+
307
335
  .react-datepicker__input-container input {
308
336
  height: 27px;
309
337
  border: 1px solid #ccc;
@@ -313,9 +341,11 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
313
341
 
314
342
  .brushcolorpic {
315
343
  }
344
+
316
345
  .sizeIcons .MuiButtonBase-root {
317
346
  opacity: 1;
318
347
  }
348
+
319
349
  .sizeIcons .MuiButtonBase-root.active .MuiSvgIcon-root {
320
350
  fill: #0052cc;
321
351
  }
@@ -362,12 +392,14 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
362
392
  flex-direction: column;
363
393
  overflow-x: auto;
364
394
  }
395
+
365
396
  .empty-carousel-wrapper > div {
366
397
  display: flex;
367
398
  flex-direction: column;
368
399
  flex-shrink: 0;
369
400
  border: 1px solid #000;
370
401
  }
402
+
371
403
  .empty-carousel-wrapper .carousel-item-inner {
372
404
  width: 100%;
373
405
  }
@@ -392,6 +424,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
392
424
  border: 1px solid #2563eb !important;
393
425
  width: auto !important;
394
426
  }
427
+
395
428
  .MuiButton-root.secondaryBtn {
396
429
  background: #ffffff;
397
430
  border: 1px solid #2563eb !important;
@@ -404,6 +437,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
404
437
  color: #2563eb;
405
438
  width: auto !important;
406
439
  }
440
+
407
441
  .deleteBtn {
408
442
  background: #ffffff;
409
443
  border: 1px solid #d32f2f !important;
@@ -416,48 +450,61 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
416
450
  color: #d32f2f;
417
451
  width: auto !important;
418
452
  }
453
+
419
454
  @media (max-width: 480px) {
420
455
  body {
421
456
  padding: 0px !important;
422
457
  }
458
+
423
459
  .app-logo {
424
460
  justify-content: end;
425
461
  }
462
+
426
463
  .editor-t-wrapper {
427
464
  padding: 0px 0px !important;
428
465
  }
466
+
429
467
  .toolbar {
430
468
  display: flex;
431
469
  flex-wrap: nowrap;
432
470
  overflow-x: scroll;
433
471
  }
472
+
434
473
  .toolbar-grp1,
435
474
  .toolbar-grp1 > div {
436
475
  display: flex;
437
476
  }
477
+
438
478
  .grid-container > div {
439
479
  flex-direction: column !important;
440
480
  }
481
+
441
482
  .grid-item {
442
483
  width: 100% !important;
443
484
  }
485
+
444
486
  .grid-item > div {
445
487
  text-align: center;
446
488
  }
489
+
447
490
  .page-builder .editor-wrapper {
448
491
  max-width: 100% !important;
449
492
  margin-top: 0px !important;
450
493
  padding: 0px !important;
451
494
  }
495
+
452
496
  .embed {
453
497
  justify-content: center;
454
498
  }
499
+
455
500
  .embed img {
456
501
  object-fit: contain;
457
502
  }
503
+
458
504
  form .form-field {
459
505
  width: 100% !important;
460
506
  }
507
+
461
508
  .form-btn-wrpr {
462
509
  justify-content: center !important;
463
510
  }
@@ -481,6 +528,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
481
528
  .editorTabs .MuiTabScrollButton-horizontal.Mui-disabled {
482
529
  display: none;
483
530
  }
531
+
484
532
  .editorTabs .MuiTabs-scroller {
485
533
  border-bottom: 1px solid #8080801c;
486
534
  }
@@ -513,23 +561,88 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
513
561
  bottom: 2px;
514
562
  right: 2px;
515
563
  }
564
+
516
565
  .visible-on-hover {
517
566
  display: none !important;
518
567
  }
568
+
519
569
  .has-hover:hover .visible-on-hover {
520
570
  display: flex !important;
521
571
  }
522
572
 
523
573
  .page-builder .editor-wrapper {
524
574
  max-width: 80%;
525
- margin-top: 24px;
575
+ margin-top: 100px;
576
+ }
577
+
578
+ .top-left-editor-wrapper,
579
+ .top-right-editor-wrapper {
580
+ margin-top: 100px;
581
+ }
582
+
583
+ .left-top-editor-wrapper,
584
+ .left-bottom-editor-wrapper {
585
+ margin-top: 1%;
586
+ margin-left: 85px;
587
+ max-width: calc(100% - 85px) !important;
588
+ }
589
+
590
+ .right-top-editor-wrapper,
591
+ .right-bottom-editor-wrapper {
592
+ margin-top: 1%;
593
+ margin-right: 85px;
594
+ max-width: calc(100% - 85px) !important;
595
+ }
596
+
597
+ .bottom-left-editor-wrapper,
598
+ .bottom-right-editor-wrapper {
599
+ margin-top: 1%;
600
+ }
601
+
602
+ .editor-wrapper-toolbar-closed .left-top-toolbar-wrapper,
603
+ .editor-wrapper-toolbar-closed .left-bottom-toolbar-wrapper {
604
+ left: 2%;
605
+ height: 100%;
606
+ width: fit-content;
607
+ transition: all 0.5s;
608
+ }
609
+
610
+ .editor-wrapper-toolbar-closed .right-top-toolbar-wrapper,
611
+ .editor-wrapper-toolbar-closed .right-bottom-toolbar-wrapper {
612
+ right: 2% !important;
613
+ height: 100%;
614
+ width: 50px;
615
+ transition: all 0.5s;
616
+ }
617
+
618
+ .editor-wrapper-toolbar-closed .top-left-editor-wrapper-toolbar-closed,
619
+ .editor-wrapper-toolbar-closed .top-right-editor-wrapper-toolbar-closed {
620
+ margin-top: 1% !important;
621
+ transition: all 0.5s;
622
+ }
623
+
624
+ .editor-wrapper-toolbar-closed .right-bottom-editor-wrapper-toolbar-closed,
625
+ .editor-wrapper-toolbar-closed .right-top-editor-wrapper-toolbar-closed {
626
+ margin-top: 10px !important;
627
+ max-width: calc(100% - 0px) !important;
628
+ margin-right: 3%;
629
+ transition: all 0.5s;
630
+ width: 100%;
631
+ }
632
+
633
+ .editor-wrapper-toolbar-closed .left-bottom-editor-wrapper-toolbar-closed,
634
+ .editor-wrapper-toolbar-closed .left-top-editor-wrapper-toolbar-closed {
635
+ margin-top: 10px !important;
636
+ max-width: calc(100% - 120px);
637
+ margin-left: 2%;
638
+ transition: all 0.5s;
526
639
  }
527
640
 
528
641
  .element-root .element-selector {
529
642
  position: absolute;
530
643
  width: calc(100%);
531
644
  height: calc(100%);
532
- border: 2px solid #2563EB;
645
+ border: 2px solid #2563eb;
533
646
  display: none;
534
647
  pointer-events: none;
535
648
  top: 0px;
@@ -541,29 +654,61 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
541
654
  position: absolute;
542
655
  width: 10px;
543
656
  height: 10px;
544
- border: 2px solid #2563EB;
545
- background-color: #2563EB;
657
+ border: 2px solid #2563eb;
658
+ background-color: #2563eb;
546
659
  }
547
660
 
548
661
  .element-selector-dots.tl {
549
662
  left: -5px;
550
663
  top: -5px;
551
- border: 2px solid #2563EB;
664
+ border: 2px solid #2563eb;
552
665
  }
666
+
553
667
  .element-selector-dots.tr {
554
668
  right: -5px;
555
669
  top: -5px;
556
- border: 2px solid #2563EB;
670
+ border: 2px solid #2563eb;
557
671
  }
672
+
558
673
  .element-selector-dots.bl {
559
674
  left: -5px;
560
675
  bottom: -5px;
561
- border: 2px solid #2563EB;
676
+ border: 2px solid #2563eb;
562
677
  }
678
+
563
679
  .element-selector-dots.br {
564
680
  right: -5px;
565
681
  bottom: -5px;
566
- border: 2px solid #2563EB;
682
+ border: 2px solid #2563eb;
683
+ }
684
+
685
+ .element-selector-ctrl.tc {
686
+ position: absolute;
687
+ right: 0;
688
+ left: 0;
689
+ top: -15px;
690
+ margin: auto;
691
+ width: 24px;
692
+ height: 24px;
693
+ }
694
+
695
+ .element-selector-ctrl.bc {
696
+ position: absolute;
697
+ right: 0;
698
+ left: 0;
699
+ bottom: -15px;
700
+ margin: auto;
701
+ width: 24px;
702
+ height: 24px;
703
+ }
704
+
705
+ .element-selector-ctrl button,
706
+ .element-selector-ctrl button:hover {
707
+ width: 24px;
708
+ height: 24px;
709
+ border: 1px solid rgba(37, 99, 235, 0.32);
710
+ background: #fff;
711
+ z-index: 100;
567
712
  }
568
713
 
569
714
  .element-selector.selected {
@@ -589,6 +734,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
589
734
  .drag-overlay .element-selector {
590
735
  display: none;
591
736
  }
737
+
592
738
  .drop-overlay {
593
739
  position: absolute;
594
740
  pointer-events: none;
@@ -597,9 +743,11 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
597
743
  background-color: transparent;
598
744
  transition: all 1s;
599
745
  }
746
+
600
747
  .dragging.drop-overlay {
601
748
  pointer-events: auto;
602
749
  }
750
+
603
751
  .drop-overlay.active {
604
752
  position: relative;
605
753
  background-color: #2684ff;
@@ -610,7 +758,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
610
758
  }
611
759
 
612
760
  .optionePopupHeader {
613
- border-bottom: 1px solid #DCE4EC;
761
+ border-bottom: 1px solid #dce4ec;
614
762
  }
615
763
 
616
764
  .dialogComp .MuiInputBase-input {
@@ -619,43 +767,51 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
619
767
  font-size: 12px;
620
768
  font-weight: 500;
621
769
  }
622
- .dialogComp .MuiOutlinedInput-notchedOutline {
623
- border: 1px solid #ECECEC;
770
+
771
+ .dialogComp .MuiOutlinedInput-notchedOutline {
772
+ border: 1px solid #ececec;
624
773
  }
774
+
625
775
  .iconRadioButton .MuiRadio-root {
626
776
  visibility: hidden;
627
777
  width: 0px;
628
778
  padding: 6px;
629
779
  }
780
+
630
781
  .iconRadioButton .MuiTypography-root {
631
782
  width: 32px;
632
783
  height: 32px;
633
784
  display: flex;
634
785
  align-items: center;
635
- justify-content: center
786
+ justify-content: center;
636
787
  }
637
788
 
638
789
  .iconRadioButton .MuiFormControlLabel-root.active .fillPath {
639
790
  fill: #2684ff;
640
791
  }
792
+
641
793
  .iconRadioButton .MuiFormControlLabel-root.active .fillStroke {
642
794
  stroke: #2684ff;
643
795
  }
796
+
644
797
  .iconRadioButton .Mui-checked ~ .MuiTypography-root .fillStroke {
645
798
  stroke: #2684ff;
646
799
  }
800
+
647
801
  .selctedBtnIcon {
648
- border: 1px solid #ECECEC;
802
+ border: 1px solid #ececec;
649
803
  border-radius: 4px;
650
804
  height: 35px;
651
805
  width: 35px;
652
806
  display: flex;
653
807
  align-items: center;
654
- justify-content: center
808
+ justify-content: center;
655
809
  }
810
+
656
811
  .borderInput {
657
812
  text-align: center;
658
813
  }
814
+
659
815
  .borderInput:focus-visible {
660
816
  outline: none !important;
661
817
  }
@@ -666,16 +822,20 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
666
822
  left: 50%;
667
823
  top: 50%;
668
824
  }
669
- .uploadImageSection .removeImageText {
825
+
826
+ .uploadImageSection .removeImageText {
670
827
  visibility: hidden;
671
828
  opacity: 0;
672
829
  transition: all 0.5s;
673
830
  }
674
- .uploadImageSection:hover .removeImageText {
831
+
832
+ .uploadImageSection:hover .removeImageText {
675
833
  visibility: visible;
676
834
  opacity: 1;
677
835
  }
678
- .uploadImageText, .removeImageText {
836
+
837
+ .uploadImageText,
838
+ .removeImageText {
679
839
  border: 2px dashed #fff;
680
840
  border-radius: 8px;
681
841
  color: #fff;
@@ -699,6 +859,7 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
699
859
  width: 12px;
700
860
  height: 12px;
701
861
  }
862
+
702
863
  .textFontArrows .MuiIconButton-root {
703
864
  padding: 2px;
704
865
  }
@@ -707,3 +868,12 @@ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
707
868
  color: #000000;
708
869
  font-weight: bold !important;
709
870
  }
871
+
872
+ .img_upload_btn_list .btn--wrpr {
873
+ background-color: transparent !important;
874
+ }
875
+
876
+ /** to avoid line space **/
877
+ .page-settings {
878
+ height: 0px;
879
+ }
@@ -3,7 +3,6 @@ import { Transforms } from "slate";
3
3
  import { useSelected, useSlateStatic, ReactEditor } from "slate-react";
4
4
  import KeyboardArrowRightIcon from "@mui/icons-material/KeyboardArrowRight";
5
5
  import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
6
- import SettingsIcon from "@mui/icons-material/Settings";
7
6
  import AccordionBtnPopup from "./AccordionBtnPopup";
8
7
  import { IconButton, Tooltip } from "@mui/material";
9
8
  import DeleteIcon from "@mui/icons-material/Delete";
@@ -3,7 +3,6 @@ import { Transforms } from "slate";
3
3
  import { useSelected, useSlateStatic, ReactEditor } from "slate-react";
4
4
  import AccordionTitlePopup from "./AccordionTitlePopup";
5
5
  import { IconButton, Tooltip } from "@mui/material";
6
- import SettingsIcon from "@mui/icons-material/Settings";
7
6
  import { GridSettingsIcon } from "../../common/iconslist";
8
7
  import { jsx as _jsx } from "react/jsx-runtime";
9
8
  import { jsxs as _jsxs } from "react/jsx-runtime";