sccoreui 4.5.1 → 4.5.3
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/App.scss
CHANGED
|
@@ -507,31 +507,6 @@ div:has(ul.date_filter) .p-datepicker-footer {
|
|
|
507
507
|
width: 18.063rem;
|
|
508
508
|
}
|
|
509
509
|
|
|
510
|
-
button[data-cmd='fontFamily']{
|
|
511
|
-
border: 1px solid var(--gray-300) !important;
|
|
512
|
-
&::before {
|
|
513
|
-
content: '';
|
|
514
|
-
border: 2px solid gray;
|
|
515
|
-
border-left: 0;
|
|
516
|
-
border-top: 0;
|
|
517
|
-
width: 6px;
|
|
518
|
-
height: 6px;
|
|
519
|
-
position: absolute;
|
|
520
|
-
right: 8px;
|
|
521
|
-
top: 39%;
|
|
522
|
-
transform: rotate(45deg);
|
|
523
|
-
}
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
button[data-cmd='fontFamily'] {
|
|
527
|
-
// border: 1px solid var(--gray-300);
|
|
528
|
-
}
|
|
529
|
-
|
|
530
|
-
.fr-toolbar .fr-btn-grp {
|
|
531
|
-
margin-right: 0px;
|
|
532
|
-
margin-left: 8px;
|
|
533
|
-
}
|
|
534
|
-
|
|
535
510
|
.PhoneInput {
|
|
536
511
|
background: #ffffff;
|
|
537
512
|
border: 1px solid var(--gray-300);
|
|
@@ -639,19 +614,6 @@ button#formatOLOptions-1.fr-active::before {
|
|
|
639
614
|
transform: rotate(45deg);
|
|
640
615
|
}
|
|
641
616
|
|
|
642
|
-
#fontFamily-1:before {
|
|
643
|
-
// content: '';
|
|
644
|
-
// border: 2px solid gray;
|
|
645
|
-
// border-left: 0;
|
|
646
|
-
// border-top: 0;
|
|
647
|
-
// width: 6px;
|
|
648
|
-
// height: 6px;
|
|
649
|
-
// position: absolute;
|
|
650
|
-
// right: 8px;
|
|
651
|
-
// top: 39%;
|
|
652
|
-
// transform: rotate(45deg);
|
|
653
|
-
}
|
|
654
|
-
|
|
655
617
|
.fr-toolbar .fr-btn-grp {
|
|
656
618
|
display: inline-block;
|
|
657
619
|
margin: 0 0px 0 12px !important;
|
|
@@ -662,6 +624,63 @@ button#formatOLOptions-1.fr-active::before {
|
|
|
662
624
|
display: none;
|
|
663
625
|
}
|
|
664
626
|
|
|
627
|
+
.fr-element {
|
|
628
|
+
padding: 12px !important;
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
|
|
632
|
+
background: #f9fafb !important;
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
button[data-cmd="fontFamily"]:focus{
|
|
636
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--primary-100);
|
|
637
|
+
border: 1px solid var(--primary-300) !important;
|
|
638
|
+
background: none !important;
|
|
639
|
+
}
|
|
640
|
+
.text-editor {
|
|
641
|
+
border: 1px solid #d0d5dd;
|
|
642
|
+
border-radius: 10px;
|
|
643
|
+
* {
|
|
644
|
+
border: none !important;
|
|
645
|
+
}
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
.text-editor.focus-text-editor {
|
|
649
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--primary-100);
|
|
650
|
+
border: 1px solid var(--primary-300) !important;
|
|
651
|
+
}
|
|
652
|
+
|
|
653
|
+
|
|
654
|
+
button[data-cmd='fontFamily']{
|
|
655
|
+
border: 1px solid var(--gray-300) !important;
|
|
656
|
+
&::before {
|
|
657
|
+
content: '';
|
|
658
|
+
border: 1.8px solid #0b0c12;
|
|
659
|
+
border-left: 0;
|
|
660
|
+
border-top: 0;
|
|
661
|
+
width: 7px;
|
|
662
|
+
height: 7px;
|
|
663
|
+
position: absolute;
|
|
664
|
+
right: 8px;
|
|
665
|
+
top: 39%;
|
|
666
|
+
transform: rotate(45deg);
|
|
667
|
+
}
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
.fr-toolbar .fr-btn-grp {
|
|
671
|
+
margin-right: 0px;
|
|
672
|
+
margin-left: 8px;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
button[aria-expanded="true"] {
|
|
676
|
+
&::before {
|
|
677
|
+
top: 48%;
|
|
678
|
+
transform: rotate(-136deg);
|
|
679
|
+
}
|
|
680
|
+
}
|
|
681
|
+
|
|
682
|
+
|
|
683
|
+
|
|
665
684
|
|
|
666
685
|
/// Custon treeDropdownSelect style
|
|
667
686
|
.treeNoCollaps {
|
|
@@ -30,14 +30,17 @@ const FroalaTextEditor = ({ onChange, value, placeholderText }) => {
|
|
|
30
30
|
// console.log('Special word detected!');
|
|
31
31
|
// }
|
|
32
32
|
// };
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
(0, react_1.useEffect)(() => {
|
|
34
|
+
if (editorRef.current) {
|
|
35
|
+
editorRef.current.editor.$el.on('focus', () => {
|
|
36
|
+
document.getElementById('fr-text-editor').classList.add('focus-text-editor');
|
|
37
|
+
});
|
|
38
|
+
editorRef.current.editor.$el.on('focusout', () => {
|
|
39
|
+
document.getElementById('fr-text-editor').classList.remove('focus-text-editor');
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}, []);
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-editor', id: "fr-text-editor" }, { children: (0, jsx_runtime_1.jsx)(react_froala_wysiwyg_1.default, { tag: "textarea", config: {
|
|
41
44
|
fontFamilySelection: true,
|
|
42
45
|
fontFamily: {
|
|
43
46
|
'Arial,Helvetica,sans-serif': 'sans-serif',
|