@flozy/editor 5.5.7 → 5.5.9
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/Editor/ChatEditor.js +34 -25
- package/dist/Editor/CommonEditor.js +13 -26
- package/dist/Editor/Editor.css +19 -102
- package/dist/Editor/Elements/AI/AIInput.js +1 -0
- package/dist/Editor/Elements/AI/CustomSelect.js +10 -17
- package/dist/Editor/Elements/AI/PopoverAIInput.js +53 -59
- package/dist/Editor/Elements/AI/Styles.js +6 -24
- package/dist/Editor/Elements/Accordion/Accordion.js +1 -8
- package/dist/Editor/Elements/AppHeader/AppHeader.js +6 -6
- package/dist/Editor/Elements/Button/EditorButton.js +1 -6
- package/dist/Editor/Elements/Carousel/CarouselItem.js +3 -11
- package/dist/Editor/Elements/Color Picker/ColorButtons.js +5 -7
- package/dist/Editor/Elements/Color Picker/Styles.js +3 -8
- package/dist/Editor/Elements/Color Picker/defaultColors.js +2 -2
- package/dist/Editor/Elements/Divider/Divider.js +20 -36
- package/dist/Editor/Elements/Embed/Image.js +16 -51
- package/dist/Editor/Elements/Embed/Video.js +3 -26
- package/dist/Editor/Elements/Form/Form.js +2 -38
- package/dist/Editor/Elements/Form/FormElements/FormCheckbox.js +1 -7
- package/dist/Editor/Elements/Form/FormElements/FormDate.js +1 -7
- package/dist/Editor/Elements/Form/FormElements/FormEmail.js +1 -7
- package/dist/Editor/Elements/Form/FormElements/FormNumbers.js +1 -7
- package/dist/Editor/Elements/Form/FormElements/FormRadioButton.js +1 -7
- package/dist/Editor/Elements/Form/FormElements/FormText.js +1 -7
- package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +1 -6
- package/dist/Editor/Elements/Form/FormPopup.js +9 -12
- package/dist/Editor/Elements/Form/Workflow/Styles.js +0 -2
- package/dist/Editor/Elements/FreeGrid/FreeGrid.js +1 -1
- package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +2 -4
- package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +1 -20
- package/dist/Editor/Elements/FreeGrid/breakpointConstants.js +4 -4
- package/dist/Editor/Elements/FreeGrid/styles.js +1 -1
- package/dist/Editor/Elements/Grid/GridButton.js +2 -2
- package/dist/Editor/Elements/Grid/GridItem.js +36 -47
- package/dist/Editor/Elements/Grid/Styles.js +0 -50
- package/dist/Editor/Elements/Link/LinkButton.js +1 -1
- package/dist/Editor/Elements/Search/SearchButton.js +0 -1
- package/dist/Editor/Elements/Signature/Signature.css +1 -1
- package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -2
- package/dist/Editor/Elements/Signature/SignaturePopup.js +52 -17
- package/dist/Editor/Elements/SimpleText/style.js +0 -15
- package/dist/Editor/Elements/Table/Styles.js +78 -88
- package/dist/Editor/Elements/Table/Table.js +140 -263
- package/dist/Editor/Elements/Table/TableCell.js +111 -365
- package/dist/Editor/Elements/Table/TablePopup.js +3 -9
- package/dist/Editor/Elements/Table/TableRow.js +2 -10
- package/dist/Editor/Elements/TopBanner/TopBanner.js +1 -2
- package/dist/Editor/MiniEditor.js +2 -21
- package/dist/Editor/Styles/EditorStyles.js +4 -13
- package/dist/Editor/Toolbar/FormatTools/BlockButton.js +0 -10
- package/dist/Editor/Toolbar/FormatTools/Dropdown.js +12 -7
- package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +4 -26
- package/dist/Editor/Toolbar/FormatTools/MarkButton.js +0 -3
- package/dist/Editor/Toolbar/FormatTools/TextSize.js +5 -5
- package/dist/Editor/Toolbar/Mini/MiniToolbar.js +8 -8
- package/dist/Editor/Toolbar/Mini/Styles.js +1 -9
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/InfinityAITool.js +3 -7
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -6
- package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +15 -19
- package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +58 -547
- package/dist/Editor/Toolbar/PopupTool/TextFormat.js +16 -28
- package/dist/Editor/Toolbar/PopupTool/index.js +5 -3
- package/dist/Editor/Toolbar/Toolbar.js +0 -6
- package/dist/Editor/Toolbar/toolbarGroups.js +0 -4
- package/dist/Editor/assets/svg/BrainIcon.js +2 -2
- package/dist/Editor/assets/svg/SettingsIcon.js +4 -4
- package/dist/Editor/common/ColorPickerButton.js +45 -85
- package/dist/Editor/common/DnD/Draggable.js +1 -2
- package/dist/Editor/common/FontLoader/FontLoader.js +2 -2
- package/dist/Editor/common/Icon.js +21 -54
- package/dist/Editor/common/ImageSelector/Options/Upload.js +1 -2
- package/dist/Editor/common/ImageSelector/Styles.js +6 -47
- package/dist/Editor/common/ImageSelector/UploadStyles.js +6 -18
- package/dist/Editor/common/LinkSettings/NavComponents.js +1 -2
- package/dist/Editor/common/LinkSettings/index.js +1 -2
- package/dist/Editor/common/MentionsPopup/Styles.js +8 -142
- package/dist/Editor/common/MentionsPopup/index.js +1 -1
- package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +12 -107
- package/dist/Editor/common/RnD/GuideLines/styles.js +3 -3
- package/dist/Editor/common/RnD/ShadowElement.js +1 -1
- package/dist/Editor/common/RnD/VirtualElement/index.js +1 -5
- package/dist/Editor/common/RnD/index.js +3 -4
- package/dist/Editor/common/Section/index.js +3 -3
- package/dist/Editor/common/Section/styles.js +1 -5
- package/dist/Editor/common/Shorthands/elements.js +1 -13
- package/dist/Editor/common/StyleBuilder/fieldStyle.js +1 -2
- package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -4
- package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +7 -35
- package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +2 -15
- package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +1 -2
- package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +1 -1
- package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +0 -2
- package/dist/Editor/common/StyleBuilder/fieldTypes/radiusStyle.js +11 -11
- package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +6 -22
- package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -21
- package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -20
- package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +2 -12
- package/dist/Editor/common/StyleBuilder/formStyle.js +149 -268
- package/dist/Editor/common/StyleBuilder/index.js +20 -101
- package/dist/Editor/common/StyleBuilder/tableStyle.js +25 -69
- package/dist/Editor/common/SwipeableDrawer/style.js +4 -15
- package/dist/Editor/common/ToolbarIcon.js +1 -1
- package/dist/Editor/common/Uploader.js +37 -39
- package/dist/Editor/common/iconListV2.js +74 -598
- package/dist/Editor/common/iconslist.js +19 -25
- package/dist/Editor/commonStyle.js +15 -421
- package/dist/Editor/helper/deserialize/index.js +2 -31
- package/dist/Editor/helper/index.js +2 -15
- package/dist/Editor/helper/theme.js +1 -15
- package/dist/Editor/hooks/useBreakpoints.js +1 -1
- package/dist/Editor/plugins/withCustomDeleteBackward.js +3 -34
- package/dist/Editor/plugins/withEmbeds.js +26 -30
- package/dist/Editor/plugins/withHTML.js +12 -100
- package/dist/Editor/plugins/withLayout.js +0 -1
- package/dist/Editor/utils/SlateUtilityFunctions.js +11 -31
- package/dist/Editor/utils/brains.js +1 -1
- package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js +1 -26
- package/dist/Editor/utils/customHooks/useResize.js +4 -7
- package/dist/Editor/utils/customHooks/useTableResize.js +2 -6
- package/dist/Editor/utils/embed.js +1 -2
- package/dist/Editor/utils/events.js +1 -0
- package/dist/Editor/utils/font.js +4 -11
- package/dist/Editor/utils/formfield.js +4 -8
- package/dist/Editor/utils/helper.js +2 -100
- package/dist/Editor/utils/insertNewLine.js +1 -19
- package/dist/Editor/utils/serializeToText.js +0 -2
- package/dist/Editor/utils/table.js +24 -228
- package/package.json +2 -2
- package/dist/Editor/Elements/DataView/DataView.js +0 -124
- package/dist/Editor/Elements/DataView/DataViewButton.js +0 -23
- package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +0 -83
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/CheckType.js +0 -33
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/Select.js +0 -180
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/SimpleSelect.js +0 -62
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/styles.js +0 -68
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/DateType.js +0 -35
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +0 -39
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/NumberType.js +0 -30
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/PersonType.js +0 -30
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/SelectType.js +0 -35
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/TextType.js +0 -36
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/index.js +0 -17
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseField.js +0 -29
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +0 -38
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +0 -86
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +0 -71
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/styles.js +0 -138
- package/dist/Editor/Elements/DataView/Layouts/FilterView.js +0 -213
- package/dist/Editor/Elements/DataView/Layouts/Formula.js +0 -29
- package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +0 -113
- package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +0 -44
- package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +0 -146
- package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +0 -79
- package/dist/Editor/Elements/DataView/Layouts/Options/ColumnsList.js +0 -57
- package/dist/Editor/Elements/DataView/Layouts/Options/Constants.js +0 -101
- package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +0 -174
- package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +0 -241
- package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +0 -45
- package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +0 -32
- package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -110
- package/dist/Editor/Elements/DataView/Layouts/Options/styles.js +0 -217
- package/dist/Editor/Elements/DataView/Layouts/TableStyles.js +0 -131
- package/dist/Editor/Elements/DataView/Layouts/TableView.js +0 -253
- package/dist/Editor/Elements/DataView/Layouts/ViewData.js +0 -85
- package/dist/Editor/Elements/DataView/Layouts/colStyles.js +0 -10
- package/dist/Editor/Elements/DataView/Layouts/index.js +0 -25
- package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +0 -277
- package/dist/Editor/Elements/DataView/Utils/globalSearch.js +0 -15
- package/dist/Editor/Elements/DataView/Utils/multiSortRows.js +0 -88
- package/dist/Editor/Elements/DataView/styles.js +0 -169
- package/dist/Editor/Elements/Table/AddRowCol.js +0 -77
- package/dist/Editor/Elements/Table/DragButton.js +0 -142
- package/dist/Editor/Elements/Table/DragStyles.js +0 -70
- package/dist/Editor/Elements/Table/Draggable.js +0 -25
- package/dist/Editor/Elements/Table/Droppable.js +0 -53
- package/dist/Editor/Elements/Table/TableTool.js +0 -101
- package/dist/Editor/Elements/Table/tableHelper.js +0 -71
- package/dist/Editor/assets/svg/ArrowDownIcon.js +0 -25
- package/dist/Editor/assets/svg/ArrowUpIcon.js +0 -25
- package/dist/Editor/assets/svg/CalenderIconTick.js +0 -64
- package/dist/Editor/assets/svg/ChervDown.js +0 -18
- package/dist/Editor/assets/svg/ChervUp.js +0 -18
- package/dist/Editor/assets/svg/DataTableIcon.js +0 -50
- package/dist/Editor/assets/svg/DuplicateIcon.js +0 -23
- package/dist/Editor/assets/svg/EyeIcon.js +0 -23
- package/dist/Editor/assets/svg/EyeSlash.js +0 -43
- package/dist/Editor/assets/svg/HashtagIcon.js +0 -33
- package/dist/Editor/assets/svg/PlusIcon.js +0 -23
- package/dist/Editor/assets/svg/SelectRoundedIcon.js +0 -24
- package/dist/Editor/assets/svg/SortByIcon.js +0 -33
- package/dist/Editor/assets/svg/TableIcons.js +0 -220
- package/dist/Editor/assets/svg/TickOutlined.js +0 -23
- package/dist/Editor/assets/svg/TrashCanIcon.js +0 -38
- package/dist/Editor/common/Select/index.js +0 -20
- package/dist/Editor/common/Select/styles.js +0 -17
- package/dist/Editor/helper/enforceDateFormat.js +0 -41
- package/dist/Editor/hooks/useTable.js +0 -210
- package/dist/Editor/utils/dataView.js +0 -43
@@ -1,15 +1,14 @@
|
|
1
1
|
const usePopupStyle = theme => ({
|
2
2
|
popupWrapper: {
|
3
|
-
boxShadow:
|
3
|
+
boxShadow: "1px 2px 15px 0px #2563EB40",
|
4
4
|
zIndex: 1300,
|
5
5
|
marginBottom: "12px !important",
|
6
|
-
borderRadius: "
|
7
|
-
border:
|
6
|
+
borderRadius: "6px",
|
7
|
+
border: "1px solid #D8DDE1",
|
8
8
|
maxWidth: "100%",
|
9
9
|
// maxHeight: "40px",
|
10
10
|
"&.fullscreen": {
|
11
11
|
marginBottom: "0px !important",
|
12
|
-
borderRadius: "0px !important",
|
13
12
|
"& .papper-wrpr": {
|
14
13
|
boxShadow: "none"
|
15
14
|
}
|
@@ -18,42 +17,7 @@ const usePopupStyle = theme => ({
|
|
18
17
|
transform: "none !important"
|
19
18
|
},
|
20
19
|
"& .MuiPaper-root": {
|
21
|
-
backgroundColor:
|
22
|
-
borderRadius: "19px !important"
|
23
|
-
},
|
24
|
-
"& .MuiDialog-paperFullScreen": {
|
25
|
-
borderRadius: "0px !important"
|
26
|
-
},
|
27
|
-
"& .inputField": {
|
28
|
-
height: "29px",
|
29
|
-
"& .MuiIconButton-root": {
|
30
|
-
padding: "5px"
|
31
|
-
},
|
32
|
-
"& .MuiOutlinedInput-root ": {
|
33
|
-
background: `${theme?.palette?.editor?.inputFieldBgColor}`,
|
34
|
-
borderRadius: "8px",
|
35
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
|
36
|
-
},
|
37
|
-
"& .MuiFormControl-root": {
|
38
|
-
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
39
|
-
borderRadius: "8px",
|
40
|
-
height: "29px"
|
41
|
-
},
|
42
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
43
|
-
borderRadius: "8px",
|
44
|
-
border: `1px solid transparent`
|
45
|
-
},
|
46
|
-
"& .MuiOutlinedInput-input": {
|
47
|
-
padding: "3px 35px 4px 2px !important"
|
48
|
-
},
|
49
|
-
"& .MuiInputBase-adornedStart": {
|
50
|
-
padding: "0px 0px 0px 9px"
|
51
|
-
},
|
52
|
-
"& svg": {
|
53
|
-
"& path": {
|
54
|
-
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
55
|
-
}
|
56
|
-
}
|
20
|
+
backgroundColor: theme?.palette?.editor?.background
|
57
21
|
},
|
58
22
|
"&.textSettings": {
|
59
23
|
"@media only screen and (max-width: 600px)": {
|
@@ -62,7 +26,7 @@ const usePopupStyle = theme => ({
|
|
62
26
|
}
|
63
27
|
},
|
64
28
|
"& .MuiTypography-root": {
|
65
|
-
color: theme?.palette?.editor?.
|
29
|
+
color: theme?.palette?.editor?.textColor
|
66
30
|
},
|
67
31
|
"& .MuiInputBase-root": {
|
68
32
|
color: theme?.palette?.editor?.textColor,
|
@@ -87,25 +51,15 @@ const usePopupStyle = theme => ({
|
|
87
51
|
"& .buttonsWrpr": {
|
88
52
|
"& button": {
|
89
53
|
color: theme?.palette?.editor?.textColor
|
90
|
-
},
|
91
|
-
"& .more-btn-cbs": {
|
92
|
-
color: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
|
93
|
-
border: `1px solid ${theme?.palette?.editor?.closeButtonSvgStroke}`,
|
94
|
-
paddingTop: "10px",
|
95
|
-
"& svg": {
|
96
|
-
width: "20px",
|
97
|
-
height: "24px"
|
98
|
-
}
|
99
54
|
}
|
100
55
|
},
|
101
56
|
"@media only screen and (max-width: 599px)": {
|
102
|
-
|
57
|
+
padding: "10px",
|
103
58
|
background: "unset",
|
104
|
-
boxShadow: "unset"
|
105
|
-
|
59
|
+
boxShadow: "unset",
|
60
|
+
border: "none"
|
106
61
|
}
|
107
62
|
},
|
108
|
-
|
109
63
|
textFormatWrapper: {
|
110
64
|
padding: "0px 16px 16px 16px",
|
111
65
|
width: "323px",
|
@@ -129,9 +83,6 @@ const usePopupStyle = theme => ({
|
|
129
83
|
width: "330px"
|
130
84
|
}
|
131
85
|
},
|
132
|
-
"& .MuiTypography-root": {
|
133
|
-
padding: "0px"
|
134
|
-
},
|
135
86
|
"&.templates": {
|
136
87
|
width: "500px",
|
137
88
|
maxWidth: "100%",
|
@@ -139,38 +90,13 @@ const usePopupStyle = theme => ({
|
|
139
90
|
width: "100%",
|
140
91
|
maxHeight: "fit-content"
|
141
92
|
},
|
142
|
-
"& .MuiTab-root": {
|
143
|
-
textTransform: "capitalize",
|
144
|
-
color: "#64748B",
|
145
|
-
borderBottom: `1.5px solid ${theme?.palette?.editor?.deviderBgColor}`
|
146
|
-
},
|
147
|
-
"& .Mui-selected": {
|
148
|
-
color: `${theme?.palette?.editor?.textColor} !important`,
|
149
|
-
fontWeight: "700 !important"
|
150
|
-
},
|
151
|
-
"& .MuiTabs-indicator": {
|
152
|
-
background: "#2563EB"
|
153
|
-
},
|
154
|
-
"& .MuiTabScrollButton-horizontal": {
|
155
|
-
borderBottom: "unset !important",
|
156
|
-
width: "10px",
|
157
|
-
"& svg": {
|
158
|
-
color: theme?.palette?.editor?.closeButtonSvgStroke
|
159
|
-
}
|
160
|
-
},
|
161
93
|
"@media only screen and (max-width: 599px)": {
|
162
94
|
width: "330px"
|
163
|
-
},
|
164
|
-
"& .MuiCardContent-root": {
|
165
|
-
color: theme?.palette?.editor?.textColor,
|
166
|
-
fontFamily: "Inter, sans-serif",
|
167
|
-
fontSize: "12px",
|
168
|
-
fontWeight: "500"
|
169
95
|
}
|
170
96
|
},
|
171
97
|
"& .headerContainer": {},
|
172
98
|
"& .textSettingHeader": {
|
173
|
-
|
99
|
+
borderBottom: "1px solid #DCE4EC",
|
174
100
|
padding: "8px 0px 5px",
|
175
101
|
marginBottom: "20px"
|
176
102
|
},
|
@@ -185,72 +111,8 @@ const usePopupStyle = theme => ({
|
|
185
111
|
justifyContent: "start",
|
186
112
|
borderRadius: "10px !important",
|
187
113
|
transition: "background-color 0.3s ease",
|
188
|
-
"& .signatureElementIcon": {
|
189
|
-
"& path": {
|
190
|
-
fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
|
191
|
-
}
|
192
|
-
},
|
193
|
-
"& .commonSvgStyle": {
|
194
|
-
"& path": {
|
195
|
-
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`
|
196
|
-
}
|
197
|
-
},
|
198
|
-
"& .commonSvgStyle2": {
|
199
|
-
"& path": {
|
200
|
-
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`
|
201
|
-
}
|
202
|
-
},
|
203
|
-
"& .colorBoxElementIcon": {
|
204
|
-
"& path": {
|
205
|
-
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
|
206
|
-
fill: "none"
|
207
|
-
}
|
208
|
-
},
|
209
|
-
"& .gridElementIcon": {
|
210
|
-
"& path": {
|
211
|
-
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
|
212
|
-
fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
|
213
|
-
}
|
214
|
-
},
|
215
|
-
"& .newLineElementIcon": {
|
216
|
-
"& path": {
|
217
|
-
fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
|
218
|
-
}
|
219
|
-
},
|
220
114
|
"&:hover": {
|
221
|
-
backgroundColor:
|
222
|
-
"& .signatureElementIcon": {
|
223
|
-
"& path": {
|
224
|
-
fill: `${theme?.palette?.editor?.textColor}`
|
225
|
-
}
|
226
|
-
},
|
227
|
-
"& .commonSvgStyle": {
|
228
|
-
"& path": {
|
229
|
-
stroke: `${theme?.palette?.editor?.textColor}`
|
230
|
-
}
|
231
|
-
},
|
232
|
-
"& .commonSvgStyle2": {
|
233
|
-
"& path": {
|
234
|
-
stroke: `${theme?.palette?.editor?.textColor}`
|
235
|
-
}
|
236
|
-
},
|
237
|
-
"& .colorBoxElementIcon": {
|
238
|
-
"& path": {
|
239
|
-
stroke: `${theme?.palette?.editor?.textColor}`,
|
240
|
-
fill: "none"
|
241
|
-
}
|
242
|
-
},
|
243
|
-
"& .gridElementIcon": {
|
244
|
-
"& path": {
|
245
|
-
stroke: `${theme?.palette?.editor?.textColor}`,
|
246
|
-
fill: `${theme?.palette?.editor?.textColor}`
|
247
|
-
}
|
248
|
-
},
|
249
|
-
"& .newLineElementIcon": {
|
250
|
-
"& path": {
|
251
|
-
fill: `${theme?.palette?.editor?.textColor}`
|
252
|
-
}
|
253
|
-
}
|
115
|
+
backgroundColor: "#E9F3FE"
|
254
116
|
},
|
255
117
|
"& svg": {
|
256
118
|
width: "24px",
|
@@ -289,14 +151,6 @@ const usePopupStyle = theme => ({
|
|
289
151
|
},
|
290
152
|
"@media only screen and (max-width: 599px)": {
|
291
153
|
width: "330px"
|
292
|
-
},
|
293
|
-
"& .textFormatMUIIcon": {
|
294
|
-
"& svg": {
|
295
|
-
color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
296
|
-
}
|
297
|
-
},
|
298
|
-
"& .npr-0": {
|
299
|
-
paddingRight: "0px !important"
|
300
154
|
}
|
301
155
|
},
|
302
156
|
textFormatLabel: {
|
@@ -314,24 +168,11 @@ const usePopupStyle = theme => ({
|
|
314
168
|
},
|
315
169
|
"& .MuiFormControl-root.MuiTextField-root input": {
|
316
170
|
padding: "8px 35px 6px 12px"
|
317
|
-
},
|
318
|
-
"& .toogleFullScreenBtn": {
|
319
|
-
background: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
|
320
|
-
padding: "4px !important",
|
321
|
-
"& .toogleFullScreenSvg": {
|
322
|
-
"& path": {
|
323
|
-
stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
324
|
-
}
|
325
|
-
}
|
326
171
|
}
|
327
172
|
},
|
328
|
-
textSettingHeader: {
|
329
|
-
display: "flex",
|
330
|
-
borderBottom: `1px solid ${theme?.palette?.editor?.deviderBgColor} !important`
|
331
|
-
},
|
332
173
|
textFormatField: {
|
333
|
-
marginBottom: "
|
334
|
-
marginTop: "
|
174
|
+
marginBottom: "16px",
|
175
|
+
marginTop: "10px"
|
335
176
|
},
|
336
177
|
textFormatField1: {
|
337
178
|
marginBottom: "16px",
|
@@ -341,137 +182,6 @@ const usePopupStyle = theme => ({
|
|
341
182
|
// marginBottom: "16px",
|
342
183
|
marginTop: "10px"
|
343
184
|
},
|
344
|
-
textFormatField3: {
|
345
|
-
marginBottom: "16px"
|
346
|
-
},
|
347
|
-
textAlignButtons: {
|
348
|
-
paddingLeft: "0px",
|
349
|
-
paddingRight: "12px",
|
350
|
-
"&:hover": {
|
351
|
-
background: "unset"
|
352
|
-
},
|
353
|
-
"&:not(.btnActive):hover": {
|
354
|
-
background: "unset",
|
355
|
-
color: `${theme?.palette?.editor?.textColor} !important`,
|
356
|
-
"& .justifyIcon": {
|
357
|
-
"& path": {
|
358
|
-
fill: `${theme?.palette?.editor?.textColor}`,
|
359
|
-
stroke: `${theme?.palette?.editor?.textColor}`
|
360
|
-
}
|
361
|
-
},
|
362
|
-
"& .textAlignIconSameStyles": {
|
363
|
-
"& path": {
|
364
|
-
fill: `${theme?.palette?.editor?.textColor}`
|
365
|
-
}
|
366
|
-
},
|
367
|
-
"& .orderedListIcon": {
|
368
|
-
"& .strokePathList": {
|
369
|
-
stroke: `${theme?.palette?.editor?.textColor} !important`
|
370
|
-
},
|
371
|
-
"& .fillPathList": {
|
372
|
-
fill: `${theme?.palette?.editor?.textColor} !important`
|
373
|
-
}
|
374
|
-
},
|
375
|
-
"& .bulletedListTextIcon": {
|
376
|
-
"& path": {
|
377
|
-
fill: `${theme?.palette?.editor?.textColor}`,
|
378
|
-
stroke: `${theme?.palette?.editor?.textColor}`
|
379
|
-
},
|
380
|
-
"& circle": {
|
381
|
-
fill: `${theme?.palette?.editor?.textColor}`
|
382
|
-
}
|
383
|
-
},
|
384
|
-
"& .checkedListTextIcon": {
|
385
|
-
"& path": {
|
386
|
-
stroke: `${theme?.palette?.editor?.textColor}`
|
387
|
-
}
|
388
|
-
},
|
389
|
-
"& .accordianListTextIcon": {
|
390
|
-
// stroke: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`,
|
391
|
-
"& svg": {
|
392
|
-
fill: `${theme?.palette?.editor?.textColor}`,
|
393
|
-
stroke: `${theme?.palette?.editor?.textColor}`
|
394
|
-
},
|
395
|
-
"& path": {
|
396
|
-
fill: `${theme?.palette?.editor?.textColor}`,
|
397
|
-
stroke: `${theme?.palette?.editor?.textColor}`
|
398
|
-
}
|
399
|
-
}
|
400
|
-
}
|
401
|
-
},
|
402
|
-
autoCompleteaFontFamily: {
|
403
|
-
"& .MuiOutlinedInput-root": {
|
404
|
-
borderRadius: "8px",
|
405
|
-
backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor}`,
|
406
|
-
fontSize: "12px",
|
407
|
-
fontWeight: "400",
|
408
|
-
height: "36px",
|
409
|
-
paddingLeft: "12px !important"
|
410
|
-
},
|
411
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
412
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
|
413
|
-
},
|
414
|
-
"& svg": {
|
415
|
-
width: "20px",
|
416
|
-
height: "24px"
|
417
|
-
}
|
418
|
-
},
|
419
|
-
fontFamilyListOptions: {
|
420
|
-
"& .MuiAutocomplete-listbox": {
|
421
|
-
padding: "0px",
|
422
|
-
"&::-webkit-scrollbar-thumb": {
|
423
|
-
background: `none !important`
|
424
|
-
},
|
425
|
-
"&::-webkit-scrollbar-track": {
|
426
|
-
visibility: "hidden"
|
427
|
-
},
|
428
|
-
"&::-webkit-scrollbar-thumb": {
|
429
|
-
background: `${theme?.palette?.editor?.brainPopupScroll} !important`
|
430
|
-
},
|
431
|
-
"&::-webkit-scrollbar-track": {
|
432
|
-
visibility: "hidden"
|
433
|
-
},
|
434
|
-
"& li": {
|
435
|
-
margin: "5px",
|
436
|
-
borderRadius: "8px",
|
437
|
-
color: theme?.palette?.editor?.menuOptionTextColor,
|
438
|
-
fontSize: '14px',
|
439
|
-
padding: '8px 12px',
|
440
|
-
'&[aria-selected="true"]': {
|
441
|
-
backgroundColor: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
|
442
|
-
}
|
443
|
-
}
|
444
|
-
},
|
445
|
-
"& .MuiPaper-root": {
|
446
|
-
borderRadius: "8px",
|
447
|
-
background: theme?.palette?.editor?.textWeightPopUpBackground
|
448
|
-
}
|
449
|
-
},
|
450
|
-
textFormatSelect: {
|
451
|
-
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
452
|
-
width: "100%",
|
453
|
-
height: "36px",
|
454
|
-
borderRadius: "10px",
|
455
|
-
fontSize: "12px",
|
456
|
-
fontFamily: "Inter, sans-serif",
|
457
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
458
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
|
459
|
-
},
|
460
|
-
"& svg": {
|
461
|
-
width: "20px",
|
462
|
-
height: "24px"
|
463
|
-
}
|
464
|
-
},
|
465
|
-
textFormatSelectOptions: {
|
466
|
-
margin: "5px !important",
|
467
|
-
borderRadius: "4px !important",
|
468
|
-
fontSize: "12px !important",
|
469
|
-
fontWeight: 500,
|
470
|
-
"&.Mui-selected": {
|
471
|
-
background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`,
|
472
|
-
color: `${theme?.palette?.editor?.menuOptionTextColor} !important`
|
473
|
-
}
|
474
|
-
},
|
475
185
|
textFormatFieldBorder: {
|
476
186
|
display: "flex",
|
477
187
|
alignItems: "center",
|
@@ -482,31 +192,13 @@ const usePopupStyle = theme => ({
|
|
482
192
|
},
|
483
193
|
dividerGrid: {
|
484
194
|
margin: "5px 0px 10px 0px"
|
485
|
-
// background: `${theme?.palette?.editor?.deviderBgColor} !important`,
|
486
195
|
},
|
487
|
-
|
488
196
|
textFormatColorWrpr: {
|
489
197
|
display: "flex",
|
490
198
|
alignItems: "center",
|
491
199
|
marginBottom: "8px"
|
492
200
|
},
|
493
|
-
textFormatCG: {
|
494
|
-
alignItems: "flexStart",
|
495
|
-
justifyContent: "center",
|
496
|
-
flexDirection: "row",
|
497
|
-
"& .accordionIcon": {
|
498
|
-
paddingLeft: "0px",
|
499
|
-
paddingRight: "12px",
|
500
|
-
"&:not(.btnActive):hover": {
|
501
|
-
background: "unset",
|
502
|
-
"& .accordianIconSvgTextFormat": {
|
503
|
-
"& path": {
|
504
|
-
stroke: theme?.palette?.editor?.textColor
|
505
|
-
}
|
506
|
-
}
|
507
|
-
}
|
508
|
-
}
|
509
|
-
},
|
201
|
+
textFormatCG: {},
|
510
202
|
evenSpace: {
|
511
203
|
display: "flex",
|
512
204
|
flexDirection: "row",
|
@@ -518,36 +210,7 @@ const usePopupStyle = theme => ({
|
|
518
210
|
"&.typo-icons": {
|
519
211
|
"& button": {
|
520
212
|
width: "31px",
|
521
|
-
height: "36px"
|
522
|
-
"&:hover": {
|
523
|
-
background: "unset"
|
524
|
-
},
|
525
|
-
"&:not(.btnActive):hover": {
|
526
|
-
background: "unset",
|
527
|
-
"& svg": {
|
528
|
-
color: `${theme?.palette?.editor?.textColor} !important`
|
529
|
-
},
|
530
|
-
"& .linkIcon": {
|
531
|
-
"& path": {
|
532
|
-
stroke: theme?.palette?.editor?.textColor
|
533
|
-
}
|
534
|
-
}
|
535
|
-
}
|
536
|
-
},
|
537
|
-
alignItems: "flexStart",
|
538
|
-
justifyContent: "center",
|
539
|
-
flexDirection: "row",
|
540
|
-
"&:hover": {
|
541
|
-
background: "unset"
|
542
|
-
},
|
543
|
-
"& .customSelectTool": {
|
544
|
-
color: theme?.palette?.editor?.closeButtonSvgStroke,
|
545
|
-
fontWeight: "510",
|
546
|
-
"& svg": {
|
547
|
-
marginTop: "8px",
|
548
|
-
width: "16px",
|
549
|
-
height: "8px"
|
550
|
-
}
|
213
|
+
height: "36px"
|
551
214
|
}
|
552
215
|
},
|
553
216
|
"&.text-decorations-wrpr": {
|
@@ -560,24 +223,15 @@ const usePopupStyle = theme => ({
|
|
560
223
|
fontSize: "14px",
|
561
224
|
marginBottom: "5px",
|
562
225
|
paddingLeft: "5px",
|
563
|
-
marginTop: "4px",
|
564
226
|
fontWeight: 500,
|
565
227
|
color: theme?.palette?.editor?.textColor || "#000"
|
566
228
|
},
|
567
229
|
typoLabel2: {
|
568
230
|
fontSize: "14px",
|
569
|
-
marginBottom: "
|
570
|
-
|
231
|
+
marginBottom: "5px",
|
232
|
+
paddingLeft: "10px",
|
571
233
|
fontWeight: 500
|
572
234
|
},
|
573
|
-
typoLabel3: {
|
574
|
-
fontSize: "14px",
|
575
|
-
marginBottom: "10px",
|
576
|
-
paddingLeft: "5px",
|
577
|
-
marginTop: "4px",
|
578
|
-
fontWeight: 500,
|
579
|
-
color: theme?.palette?.editor?.textColor || "#000"
|
580
|
-
},
|
581
235
|
templateCard: {
|
582
236
|
borderRadius: "10px",
|
583
237
|
boxShadow: "none",
|
@@ -647,110 +301,61 @@ const usePopupStyle = theme => ({
|
|
647
301
|
}
|
648
302
|
},
|
649
303
|
btnGroup: {
|
650
|
-
|
651
|
-
borderRadius: "7px",
|
652
|
-
backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
|
653
|
-
height: "36px",
|
304
|
+
backgroundColor: theme?.palette?.editor?.background,
|
654
305
|
"& button": {
|
655
|
-
backgroundColor: theme?.palette?.editor?.
|
306
|
+
backgroundColor: theme?.palette?.editor?.background,
|
656
307
|
marginRight: "0px",
|
657
308
|
color: theme?.palette?.editor?.textColor,
|
658
|
-
borderColor:
|
309
|
+
borderColor: theme?.palette?.editor?.borderColor,
|
659
310
|
textTransform: "capitalize",
|
660
311
|
marginBottom: "0px",
|
312
|
+
"&:hover": {
|
313
|
+
color: theme?.palette?.editor?.borderColor,
|
314
|
+
background: theme?.palette?.editor?.background
|
315
|
+
},
|
661
316
|
"&.active": {
|
662
317
|
background: theme?.palette?.editor?.background,
|
663
318
|
color: theme?.palette?.editor?.activeColor
|
664
319
|
},
|
665
320
|
"&.no-hover": {
|
666
|
-
border: `1px solid
|
321
|
+
border: `1px solid ${theme?.palette?.editor?.borderColor}`
|
667
322
|
}
|
668
|
-
},
|
669
|
-
"& .colorBox": {
|
670
|
-
background: theme?.palette?.editor?.inputFieldBgColor,
|
671
|
-
borderRadius: "7px 0px 0px 7px",
|
672
|
-
fontSize: "12px !important",
|
673
|
-
fontWeight: 500
|
674
|
-
},
|
675
|
-
"& .colorPicker": {
|
676
|
-
background: theme?.palette?.editor?.inputFieldBgColor,
|
677
|
-
borderRadius: "0px 7px 7px 0px",
|
678
|
-
padding: "0px"
|
679
|
-
},
|
680
|
-
"& .vl": {
|
681
|
-
background: theme?.palette?.editor?.borderColor,
|
682
|
-
width: "2px",
|
683
|
-
height: "25px",
|
684
|
-
margin: "5px 0px"
|
685
|
-
},
|
686
|
-
"& svg": {
|
687
|
-
width: "20px",
|
688
|
-
height: "24px"
|
689
323
|
}
|
690
324
|
},
|
691
325
|
btnGroup2: {
|
692
|
-
|
693
|
-
borderRadius: "7px",
|
694
|
-
backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
|
695
|
-
height: "36px",
|
326
|
+
backgroundColor: theme?.palette?.editor?.background,
|
696
327
|
"& button": {
|
697
328
|
backgroundColor: theme?.palette?.editor?.background,
|
698
329
|
marginRight: "0px",
|
699
330
|
color: theme?.palette?.editor?.textColor,
|
700
|
-
borderColor:
|
331
|
+
borderColor: theme?.palette?.editor?.borderColor,
|
701
332
|
textTransform: "capitalize",
|
702
333
|
marginBottom: "0px",
|
703
|
-
|
704
|
-
|
705
|
-
|
706
|
-
|
334
|
+
"&:hover": {
|
335
|
+
color: theme?.palette?.editor?.borderColor,
|
336
|
+
background: theme?.palette?.editor?.background
|
337
|
+
},
|
707
338
|
"&.active": {
|
708
339
|
background: theme?.palette?.editor?.background,
|
709
340
|
color: theme?.palette?.editor?.activeColor
|
710
341
|
},
|
711
342
|
"&.no-hover": {
|
712
|
-
border: `1px solid
|
713
|
-
|
714
|
-
},
|
715
|
-
"& svg": {
|
716
|
-
width: "20px",
|
717
|
-
height: "24px"
|
343
|
+
border: `1px solid ${theme?.palette?.editor?.borderColor}`,
|
344
|
+
padding: "0px 5px !important"
|
718
345
|
}
|
719
|
-
},
|
720
|
-
"& .colorBox": {
|
721
|
-
background: theme?.palette?.editor?.inputFieldBgColor,
|
722
|
-
borderRadius: "7px 0px 0px 7px",
|
723
|
-
fontSize: "12px !important",
|
724
|
-
fontWeight: 500
|
725
|
-
},
|
726
|
-
"& .colorPicker": {
|
727
|
-
background: theme?.palette?.editor?.inputFieldBgColor,
|
728
|
-
borderRadius: "0px 7px 7px 0px",
|
729
|
-
padding: "0px"
|
730
|
-
},
|
731
|
-
"& .vl": {
|
732
|
-
background: theme?.palette?.editor?.borderColor,
|
733
|
-
width: "2px",
|
734
|
-
height: "25px",
|
735
|
-
margin: "5px 0px"
|
736
346
|
}
|
737
347
|
},
|
738
348
|
allColor: {
|
739
|
-
borderRadius: "7px !important",
|
740
349
|
"& .buttonsWrpr": {
|
741
|
-
backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
|
742
|
-
border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
|
743
|
-
borderRadius: "7px !important",
|
744
350
|
"& button": {
|
745
351
|
color: theme?.palette?.editor?.textColor
|
746
352
|
}
|
747
353
|
}
|
748
354
|
},
|
749
355
|
allColorInner: {
|
750
|
-
borderRadius: "7px !important",
|
751
356
|
"& .buttonsWrpr": {
|
752
357
|
"& button": {
|
753
|
-
|
358
|
+
border: "1px solid #ccc",
|
754
359
|
margin: "4px",
|
755
360
|
width: "24px",
|
756
361
|
height: "24px",
|
@@ -774,14 +379,14 @@ const usePopupStyle = theme => ({
|
|
774
379
|
textTransform: "none",
|
775
380
|
textDecorationLine: "underline",
|
776
381
|
textUnderlineOffset: "2px",
|
777
|
-
padding: "0px"
|
382
|
+
padding: "0px 10px"
|
778
383
|
},
|
779
384
|
defaultBtn2: {
|
780
|
-
color:
|
385
|
+
color: "#A2B0B9 !important",
|
781
386
|
textTransform: "none",
|
782
387
|
textDecorationLine: "underline",
|
783
388
|
textUnderlineOffset: "2px",
|
784
|
-
padding: "0px"
|
389
|
+
padding: "0px 10px"
|
785
390
|
},
|
786
391
|
defaultBtn: {
|
787
392
|
color: "#0F172A",
|
@@ -806,16 +411,14 @@ const usePopupStyle = theme => ({
|
|
806
411
|
padding: "7px 15px",
|
807
412
|
color: "#FFF",
|
808
413
|
width: "100px",
|
809
|
-
marginBottom: "10px"
|
810
|
-
textTransform: "capitalize"
|
414
|
+
marginBottom: "10px"
|
811
415
|
},
|
812
416
|
"& .outlineBtn": {
|
813
417
|
border: "1px solid #D7DBEC",
|
814
418
|
borderRadius: "7px",
|
815
419
|
padding: "7px 15px",
|
816
420
|
color: "#FFF",
|
817
|
-
width: "100px"
|
818
|
-
textTransform: "capitalize"
|
421
|
+
width: "100px"
|
819
422
|
}
|
820
423
|
},
|
821
424
|
searchBox: {
|
@@ -827,111 +430,52 @@ const usePopupStyle = theme => ({
|
|
827
430
|
}
|
828
431
|
},
|
829
432
|
textOptions: {
|
830
|
-
backgroundColor:
|
831
|
-
color: theme?.palette?.editor?.textColor
|
832
|
-
borderRadius: "8px !important",
|
833
|
-
fontFamily: "Inter, sans-serif",
|
834
|
-
"& .MuiList-root": {
|
835
|
-
padding: "0px !important"
|
836
|
-
}
|
433
|
+
backgroundColor: theme?.palette?.editor?.background,
|
434
|
+
color: theme?.palette?.editor?.textColor
|
837
435
|
},
|
838
436
|
textSize: {
|
839
|
-
height: "36px !important",
|
840
|
-
"& .MuiOutlinedInput-root": {
|
841
|
-
borderRadius: "8px !important",
|
842
|
-
height: "36px !important",
|
843
|
-
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`
|
844
|
-
},
|
845
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
846
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
|
847
|
-
},
|
848
437
|
"& .textFontArrows": {
|
849
438
|
"& svg": {
|
850
|
-
stroke: theme?.palette?.editor?.
|
851
|
-
color: theme?.palette?.editor?.closeButtonSvgStroke,
|
852
|
-
width: "10px",
|
853
|
-
height: "12px"
|
439
|
+
stroke: theme?.palette?.editor?.textColor
|
854
440
|
}
|
855
441
|
}
|
856
442
|
},
|
857
443
|
closeBtn: {
|
858
|
-
|
859
|
-
color:
|
444
|
+
backgroundColor: theme?.palette?.editor?.background,
|
445
|
+
color: theme?.palette?.editor?.textColor
|
860
446
|
},
|
861
447
|
colorPickerPopup: {
|
862
448
|
margin: "30px",
|
863
449
|
"& .MuiPaper-root": {
|
864
450
|
overflow: "auto",
|
865
|
-
backgroundColor: theme?.palette?.editor?.background
|
866
|
-
borderRadius: "14px !important",
|
867
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
|
451
|
+
backgroundColor: theme?.palette?.editor?.background
|
868
452
|
},
|
869
453
|
"& .popup_tabs": {
|
870
|
-
backgroundColor: theme?.palette?.editor?.
|
871
|
-
"@media only screen and (max-width: 899px)": {
|
872
|
-
width: "100% !important"
|
873
|
-
}
|
454
|
+
backgroundColor: theme?.palette?.editor?.background
|
874
455
|
},
|
875
456
|
"& .popup_tabs-header": {
|
876
|
-
|
877
|
-
fontWeight: 700,
|
878
|
-
fontSize: "12px !important",
|
879
|
-
backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
|
457
|
+
backgroundColor: theme?.palette?.editor?.background,
|
880
458
|
"& .popup_tabs-header-label-active": {
|
881
459
|
color: theme?.palette?.editor?.activeColor,
|
882
|
-
backgroundColor: theme?.palette?.editor?.
|
460
|
+
backgroundColor: theme?.palette?.editor?.background
|
883
461
|
}
|
884
462
|
},
|
885
|
-
"& .popup_tabs-body": {
|
886
|
-
backgroundColor: theme?.palette?.editor?.miniToolBarBackground
|
887
|
-
},
|
888
463
|
"& .colorpicker": {
|
889
|
-
backgroundColor: theme?.palette?.editor?.
|
464
|
+
backgroundColor: theme?.palette?.editor?.background
|
890
465
|
},
|
891
466
|
"& .color-picker-panel": {
|
892
|
-
backgroundColor: theme?.palette?.editor?.
|
467
|
+
backgroundColor: theme?.palette?.editor?.background
|
893
468
|
},
|
894
469
|
"& .input_rgba": {
|
895
470
|
"& input": {
|
896
|
-
backgroundColor: theme?.palette?.editor?.
|
897
|
-
color: theme?.palette?.editor?.textColor
|
898
|
-
height: "32px !important",
|
899
|
-
borderRadius: "10px !important",
|
900
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
|
901
|
-
boxShadow: "none",
|
902
|
-
"&:hover": {
|
903
|
-
backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`
|
904
|
-
},
|
905
|
-
"&:focus": {
|
906
|
-
border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
|
907
|
-
backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
908
|
-
boxShadow: "none"
|
909
|
-
}
|
910
|
-
},
|
911
|
-
"& .input_rgba-hex-label": {
|
912
|
-
top: "4px !important"
|
913
|
-
},
|
914
|
-
"& .input_rgba-alpha-label": {
|
915
|
-
top: "6px !important"
|
916
|
-
},
|
917
|
-
"& .input_rgba-label": {
|
918
|
-
display: "none"
|
919
|
-
}
|
920
|
-
},
|
921
|
-
"& .default-color-panel": {
|
922
|
-
gridTemplateColumns: "repeat(auto-fill, 24px)",
|
923
|
-
"& .default-color-panel_item": {
|
924
|
-
borderRadius: "50%",
|
925
|
-
width: "16px",
|
926
|
-
height: "16px"
|
471
|
+
backgroundColor: theme?.palette?.editor?.background,
|
472
|
+
color: theme?.palette?.editor?.textColor
|
927
473
|
}
|
928
474
|
}
|
929
475
|
},
|
930
476
|
colorPopper: {
|
931
477
|
"& .MuiPaper-root": {
|
932
|
-
backgroundColor:
|
933
|
-
background: `${theme?.palette?.editor?.miniToolBarBackground}`,
|
934
|
-
borderRadius: "7px !important",
|
478
|
+
backgroundColor: theme?.palette?.editor?.background,
|
935
479
|
"@media only screen and (max-width: 600px)": {
|
936
480
|
marginTop: "-40px"
|
937
481
|
}
|
@@ -1045,18 +589,17 @@ const usePopupStyle = theme => ({
|
|
1045
589
|
"& .MuiPopover-paper": {
|
1046
590
|
maxHeight: "140px",
|
1047
591
|
// minWidth: "130px",
|
1048
|
-
|
1049
|
-
background: `${theme?.palette?.editor?.
|
592
|
+
border: "1px solid #E4E8EB",
|
593
|
+
background: `${theme?.palette?.editor?.background} !important`,
|
1050
594
|
overflowY: "scroll",
|
1051
|
-
padding: "
|
1052
|
-
borderRadius: "8px",
|
595
|
+
padding: "6px 12px 6px 0px",
|
1053
596
|
"@media only screen and (max-width: 600px)": {
|
1054
597
|
marginTop: "-40px"
|
1055
598
|
}
|
1056
599
|
},
|
1057
600
|
"& .customSelectOptionLabel": {
|
1058
601
|
color: theme?.palette?.editor?.textColor || "black",
|
1059
|
-
margin: "
|
602
|
+
margin: "0px 6px 0px 6px",
|
1060
603
|
width: "100%",
|
1061
604
|
justifyContent: "start",
|
1062
605
|
paddingRight: "20px",
|
@@ -1069,40 +612,8 @@ const usePopupStyle = theme => ({
|
|
1069
612
|
background: `${theme?.palette?.action?.selected} !important`
|
1070
613
|
},
|
1071
614
|
"&.selected": {
|
1072
|
-
color:
|
1073
|
-
background:
|
1074
|
-
"& .orderedListIcon": {
|
1075
|
-
"& .strokePathList": {
|
1076
|
-
stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
|
1077
|
-
},
|
1078
|
-
"& .fillPathList": {
|
1079
|
-
fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
|
1080
|
-
}
|
1081
|
-
},
|
1082
|
-
"& .bulletedListTextIcon": {
|
1083
|
-
"& path": {
|
1084
|
-
fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`,
|
1085
|
-
stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
|
1086
|
-
},
|
1087
|
-
"& circle": {
|
1088
|
-
fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
|
1089
|
-
}
|
1090
|
-
},
|
1091
|
-
"& .checkedListTextIcon": {
|
1092
|
-
"& path": {
|
1093
|
-
stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
|
1094
|
-
}
|
1095
|
-
},
|
1096
|
-
"& .accordianIconSvgTextFormat": {
|
1097
|
-
"& path": {
|
1098
|
-
stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
|
1099
|
-
}
|
1100
|
-
},
|
1101
|
-
"& .textAlignIconSameStyles": {
|
1102
|
-
"& path": {
|
1103
|
-
fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
|
1104
|
-
}
|
1105
|
-
}
|
615
|
+
color: `#2563EB !important`,
|
616
|
+
background: `#E9F3FE !important`
|
1106
617
|
}
|
1107
618
|
},
|
1108
619
|
"& .menuOptions": {
|