@flozy/editor 4.0.3 → 4.0.5
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Editor/CommonEditor.js +85 -13
- package/dist/Editor/DialogWrapper.js +4 -3
- package/dist/Editor/Editor.css +28 -2
- package/dist/Editor/Elements/AI/AIInput.js +31 -33
- package/dist/Editor/Elements/AI/CustomSelect.js +19 -12
- package/dist/Editor/Elements/AI/PopoverAIInput.js +124 -133
- package/dist/Editor/Elements/AI/Styles.js +2 -2
- package/dist/Editor/Elements/AI/VoiceToText/AudioWave.js +73 -0
- package/dist/Editor/Elements/AI/VoiceToText/index.js +184 -0
- package/dist/Editor/Elements/AI/VoiceToText/style.js +40 -0
- package/dist/Editor/Elements/AI/helper.js +5 -3
- package/dist/Editor/Elements/AppHeader/AppHeader.js +36 -23
- package/dist/Editor/Elements/Button/EditorButton.js +23 -16
- package/dist/Editor/Elements/Carousel/CarouselButton.js +2 -2
- package/dist/Editor/Elements/Color Picker/ColorButtons.js +1 -1
- package/dist/Editor/Elements/Color Picker/Styles.js +1 -0
- package/dist/Editor/Elements/Embed/Image.js +15 -14
- package/dist/Editor/Elements/Embed/Video.js +12 -8
- package/dist/Editor/Elements/Emoji/EmojiButton.js +11 -7
- package/dist/Editor/Elements/Form/Form.js +43 -27
- package/dist/Editor/Elements/Form/FormField.js +21 -10
- package/dist/Editor/Elements/Form/Workflow/index.js +5 -2
- package/dist/Editor/Elements/FreeGrid/FreeGrid.js +437 -0
- package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +206 -0
- package/dist/Editor/Elements/FreeGrid/FreeGridButton.js +23 -0
- package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +236 -0
- package/dist/Editor/Elements/FreeGrid/Options/AddElement.js +44 -0
- package/dist/Editor/Elements/FreeGrid/Options/More.js +24 -0
- package/dist/Editor/Elements/FreeGrid/Options/SectionSettings.js +47 -0
- package/dist/Editor/Elements/FreeGrid/Options/sectionItemOptions.js +19 -0
- package/dist/Editor/Elements/FreeGrid/breakpointConstants.js +75 -0
- package/dist/Editor/Elements/FreeGrid/styles.js +214 -0
- package/dist/Editor/Elements/Grid/Grid.js +12 -8
- package/dist/Editor/Elements/Grid/GridItem.js +31 -21
- package/dist/Editor/Elements/Link/LinkPopup.js +69 -13
- package/dist/Editor/Elements/Link/LinkPopupStyles.js +28 -0
- package/dist/Editor/Elements/NewLine/NewLineButton.js +2 -2
- package/dist/Editor/Elements/Signature/Signature.css +13 -6
- package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +2 -1
- package/dist/Editor/Elements/Signature/SignaturePopup.js +186 -31
- package/dist/Editor/Elements/SimpleText/index.js +19 -7
- package/dist/Editor/Elements/SimpleText/style.js +44 -1
- package/dist/Editor/ErrorBoundary.js +30 -0
- package/dist/Editor/Styles/EditorStyles.js +28 -0
- package/dist/Editor/Toolbar/FormatTools/Dropdown.js +1 -1
- package/dist/Editor/Toolbar/FormatTools/TextSize.js +2 -2
- package/dist/Editor/Toolbar/Mini/MiniToolbar.js +33 -5
- package/dist/Editor/Toolbar/PopupTool/ButtonTemplatesCard.js +12 -13
- package/dist/Editor/Toolbar/PopupTool/FullViewCard.js +12 -13
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/CustomSelectTool.js +3 -0
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectSuperSubscript.js +59 -0
- package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +2 -1
- package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +107 -40
- package/dist/Editor/Toolbar/PopupTool/TextFormat.js +57 -61
- package/dist/Editor/Toolbar/PopupTool/index.js +13 -3
- package/dist/Editor/Toolbar/Toolbar.js +7 -0
- package/dist/Editor/Toolbar/toolbarGroups.js +15 -5
- package/dist/Editor/assets/svg/AIIcons.js +153 -1
- package/dist/Editor/common/EditorCmds.js +0 -3
- package/dist/Editor/common/EditorIcons.js +7 -7
- package/dist/Editor/common/Icon.js +39 -30
- package/dist/Editor/common/ImageList.js +16 -3
- package/dist/Editor/common/ImageSelector/ImageSelector.js +30 -9
- package/dist/Editor/common/ImageSelector/Styles.js +2 -1
- package/dist/Editor/common/LinkSettings/index.js +2 -1
- package/dist/Editor/common/LinkSettings/style.js +11 -8
- package/dist/Editor/common/MentionsPopup/Styles.js +1 -1
- package/dist/Editor/common/MentionsPopup/index.js +12 -8
- package/dist/Editor/common/RnD/ContextMenu/CMenus.js +142 -0
- package/dist/Editor/common/RnD/ContextMenu/index.js +38 -0
- package/dist/Editor/common/RnD/ContextMenu/styles.js +21 -0
- package/dist/Editor/common/RnD/DragInfo/index.js +31 -0
- package/dist/Editor/common/RnD/DragInfo/styles.js +15 -0
- package/dist/Editor/common/RnD/DragOver/index.js +55 -0
- package/dist/Editor/common/RnD/DragOver/styles.js +23 -0
- package/dist/Editor/common/RnD/ElementOptions/Actions.js +102 -0
- package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +26 -0
- package/dist/Editor/common/RnD/ElementOptions/index.js +95 -0
- package/dist/Editor/common/RnD/ElementOptions/styles.js +41 -0
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Link.js +153 -0
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js +36 -0
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +60 -0
- package/dist/Editor/common/RnD/ElementSettings/OtherSettings/index.js +9 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +47 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +47 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +47 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +48 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +47 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +30 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +47 -0
- package/dist/Editor/common/RnD/ElementSettings/Settings/index.js +17 -0
- package/dist/Editor/common/RnD/ElementSettings/index.js +17 -0
- package/dist/Editor/common/RnD/ElementSettings/settingsConstants.js +18 -0
- package/dist/Editor/common/RnD/ElementSettings/styles.js +94 -0
- package/dist/Editor/common/RnD/GuideLines/BoundaryLine.js +52 -0
- package/dist/Editor/common/RnD/GuideLines/index.js +33 -0
- package/dist/Editor/common/RnD/GuideLines/styles.js +62 -0
- package/dist/Editor/common/RnD/OptionsPopup/index.js +50 -0
- package/dist/Editor/common/RnD/OptionsPopup/style.js +36 -0
- package/dist/Editor/common/RnD/RnDCopy.js +23 -0
- package/dist/Editor/common/RnD/ShadowElement.js +34 -0
- package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +40 -0
- package/dist/Editor/common/RnD/SwitchViewport/styles.js +24 -0
- package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +63 -0
- package/dist/Editor/common/RnD/TransformHandles/CornerHandle.js +19 -0
- package/dist/Editor/common/RnD/TransformHandles/Icons/BottomRightIcon.js +13 -0
- package/dist/Editor/common/RnD/TransformHandles/SizeHandle.js +20 -0
- package/dist/Editor/common/RnD/TransformHandles/index.js +67 -0
- package/dist/Editor/common/RnD/Utils/alignmentDetection.js +26 -0
- package/dist/Editor/common/RnD/Utils/calculateDropItem.js +98 -0
- package/dist/Editor/common/RnD/Utils/collisionDetection.js +52 -0
- package/dist/Editor/common/RnD/Utils/gridDropItem.js +181 -0
- package/dist/Editor/common/RnD/Utils/index.js +251 -0
- package/dist/Editor/common/RnD/VirtualElement/index.js +77 -0
- package/dist/Editor/common/RnD/VirtualElement/styles.js +27 -0
- package/dist/Editor/common/RnD/VirtualElement/updateAutoProps.js +28 -0
- package/dist/Editor/common/RnD/index.js +567 -0
- package/dist/Editor/common/RnD/styles.js +4 -0
- package/dist/Editor/common/Section/index.js +21 -12
- package/dist/Editor/common/Section/styles.js +7 -4
- package/dist/Editor/common/Shorthands/elements.js +21 -9
- package/dist/Editor/common/StyleBuilder/boxStyle.js +30 -0
- package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +18 -10
- package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +18 -5
- package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -2
- package/dist/Editor/common/StyleBuilder/index.js +6 -4
- package/dist/Editor/common/StyleBuilder/sectionStyle.js +13 -2
- package/dist/Editor/common/iconListV2.js +843 -0
- package/dist/Editor/commonStyle.js +6 -0
- package/dist/Editor/helper/RnD/focusOnNewItem.js +39 -0
- package/dist/Editor/helper/RnD/scrollToNewSection.js +24 -0
- package/dist/Editor/helper/breakpoint.js +5 -0
- package/dist/Editor/helper/index.js +139 -0
- package/dist/Editor/helper/theme.js +50 -1
- package/dist/Editor/hooks/useBreakpoints.js +34 -0
- package/dist/Editor/hooks/useMouseMove.js +36 -8
- package/dist/Editor/hooks/useWindowMessage.js +10 -7
- package/dist/Editor/hooks/withCommon.js +2 -1
- package/dist/Editor/hooks/withErrorHandling.js +14 -0
- package/dist/Editor/utils/RnD/RnDCtrlCmds.js +197 -0
- package/dist/Editor/utils/SlateUtilityFunctions.js +36 -4
- package/dist/Editor/utils/events.js +5 -0
- package/dist/Editor/utils/form.js +7 -2
- package/dist/Editor/utils/formfield.js +1 -1
- package/dist/Editor/utils/freegrid.js +91 -0
- package/dist/Editor/utils/helper.js +43 -0
- package/dist/Editor/utils/insertAppHeader.js +47 -40
- package/package.json +6 -2
@@ -1,7 +1,6 @@
|
|
1
1
|
import React from "react";
|
2
2
|
import { Box, Button, Card, CardMedia, Grid } from "@mui/material";
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
4
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
5
4
|
const Select = props => {
|
6
5
|
const {
|
7
6
|
classes,
|
@@ -35,19 +34,19 @@ const FullViewCard = props => {
|
|
35
34
|
children: /*#__PURE__*/_jsx(Card, {
|
36
35
|
sx: classes.paperOverrides,
|
37
36
|
className: "paperOverrides",
|
38
|
-
children: /*#__PURE__*/
|
37
|
+
children: /*#__PURE__*/_jsx(Box, {
|
39
38
|
sx: classes.buttonCardMediaWrpr,
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
})
|
39
|
+
onClick: onSelectTemplate(m),
|
40
|
+
children: /*#__PURE__*/_jsx("div", {
|
41
|
+
className: "img-wrapper",
|
42
|
+
children: /*#__PURE__*/_jsx(CardMedia, {
|
43
|
+
component: "div",
|
44
|
+
image: m?.thumbnail,
|
45
|
+
alt: m?.title,
|
46
|
+
sx: classes.fullViewCardMedia,
|
47
|
+
className: height
|
48
|
+
})
|
49
|
+
})
|
51
50
|
})
|
52
51
|
})
|
53
52
|
}, `template_${m.id}`);
|
@@ -19,6 +19,9 @@ const CustomSelectTool = ({
|
|
19
19
|
e.preventDefault();
|
20
20
|
setAnchorEl(e.currentTarget);
|
21
21
|
},
|
22
|
+
style: {
|
23
|
+
margin: "0px"
|
24
|
+
},
|
22
25
|
children: [selected?.label || selected?.title, " ", /*#__PURE__*/_jsx(DownArrowIcon, {})]
|
23
26
|
}), /*#__PURE__*/_jsx(Popover, {
|
24
27
|
open: open,
|
@@ -0,0 +1,59 @@
|
|
1
|
+
import { useMemo } from "react";
|
2
|
+
import { activeMark, toggleMark } from "../../../utils/SlateUtilityFunctions";
|
3
|
+
import CustomSelectTool from "./CustomSelectTool";
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
6
|
+
function Label({
|
7
|
+
label,
|
8
|
+
type
|
9
|
+
}) {
|
10
|
+
return /*#__PURE__*/_jsxs("span", {
|
11
|
+
children: [/*#__PURE__*/_jsx("strong", {
|
12
|
+
children: label
|
13
|
+
}), " ", type]
|
14
|
+
});
|
15
|
+
}
|
16
|
+
const superSubscriptOptions = [{
|
17
|
+
id: 9,
|
18
|
+
format: "superscript",
|
19
|
+
type: "mark",
|
20
|
+
title: /*#__PURE__*/_jsx(Label, {
|
21
|
+
label: "X²",
|
22
|
+
type: "Superscript"
|
23
|
+
}),
|
24
|
+
label: "X²",
|
25
|
+
group: "superSubscript",
|
26
|
+
value: "superscript"
|
27
|
+
}, {
|
28
|
+
id: 10,
|
29
|
+
format: "subscript",
|
30
|
+
type: "mark",
|
31
|
+
title: /*#__PURE__*/_jsx(Label, {
|
32
|
+
label: "X₂",
|
33
|
+
type: "Subscript"
|
34
|
+
}),
|
35
|
+
label: "X₂",
|
36
|
+
group: "superSubscript",
|
37
|
+
value: "subscript"
|
38
|
+
}];
|
39
|
+
function SelectSuperSubscript({
|
40
|
+
editor,
|
41
|
+
classes,
|
42
|
+
closeMainPopup
|
43
|
+
}) {
|
44
|
+
const selectedMark = useMemo(() => {
|
45
|
+
return superSubscriptOptions.find(option => activeMark(editor, option.format));
|
46
|
+
}, [editor]);
|
47
|
+
const onChange = format => {
|
48
|
+
toggleMark(editor, format);
|
49
|
+
closeMainPopup();
|
50
|
+
};
|
51
|
+
return /*#__PURE__*/_jsx(CustomSelectTool, {
|
52
|
+
options: superSubscriptOptions,
|
53
|
+
editor: editor,
|
54
|
+
onChange: onChange,
|
55
|
+
value: selectedMark?.value || "superscript",
|
56
|
+
classes: classes
|
57
|
+
});
|
58
|
+
}
|
59
|
+
export default SelectSuperSubscript;
|
@@ -1,11 +1,11 @@
|
|
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
|
-
border: "1px solid #
|
7
|
-
borderRadius: "
|
8
|
-
maxWidth: "
|
6
|
+
border: "1px solid #D8DDE1",
|
7
|
+
borderRadius: "6px",
|
8
|
+
maxWidth: "96%",
|
9
9
|
"&.fullscreen": {
|
10
10
|
marginBottom: "0px !important",
|
11
11
|
"& .papper-wrpr": {
|
@@ -19,7 +19,7 @@ const usePopupStyle = theme => ({
|
|
19
19
|
backgroundColor: theme?.palette?.editor?.background
|
20
20
|
},
|
21
21
|
"&.textSettings": {
|
22
|
-
|
22
|
+
"@media only screen and (max-width: 600px)": {
|
23
23
|
margin: "4px !important",
|
24
24
|
marginBottom: "54px !important"
|
25
25
|
}
|
@@ -61,8 +61,9 @@ const usePopupStyle = theme => ({
|
|
61
61
|
},
|
62
62
|
textFormatWrapper: {
|
63
63
|
padding: "0px 16px 16px 16px",
|
64
|
-
width: "
|
64
|
+
width: "323px",
|
65
65
|
maxWidth: "100%",
|
66
|
+
overflowX: "hidden !important",
|
66
67
|
// 30% of window height
|
67
68
|
maxHeight: `${window.innerHeight * 0.45}px`,
|
68
69
|
overflow: "auto",
|
@@ -78,7 +79,7 @@ const usePopupStyle = theme => ({
|
|
78
79
|
paddingTop: "4px"
|
79
80
|
},
|
80
81
|
"@media only screen and (max-width: 599px)": {
|
81
|
-
width:
|
82
|
+
width: "330px"
|
82
83
|
}
|
83
84
|
},
|
84
85
|
"&.templates": {
|
@@ -89,7 +90,7 @@ const usePopupStyle = theme => ({
|
|
89
90
|
maxHeight: "fit-content"
|
90
91
|
},
|
91
92
|
"@media only screen and (max-width: 599px)": {
|
92
|
-
width:
|
93
|
+
width: "330px"
|
93
94
|
}
|
94
95
|
},
|
95
96
|
"& .headerContainer": {},
|
@@ -105,17 +106,21 @@ const usePopupStyle = theme => ({
|
|
105
106
|
boxShadow: "0px 4px 18px 0px rgba(0, 0, 0, 0.05)"
|
106
107
|
},
|
107
108
|
"& .mini": {
|
108
|
-
borderRadius: "0px",
|
109
109
|
width: "100%",
|
110
110
|
justifyContent: "start",
|
111
|
+
borderRadius: "10px !important",
|
112
|
+
transition: "background-color 0.3s ease",
|
113
|
+
"&:hover": {
|
114
|
+
backgroundColor: "#E9F3FE"
|
115
|
+
},
|
111
116
|
"& svg": {
|
112
117
|
width: "24px",
|
113
|
-
height: "
|
118
|
+
height: "19px",
|
114
119
|
marginRight: "8px"
|
115
120
|
},
|
116
121
|
"& span": {
|
117
122
|
fontSize: "14px",
|
118
|
-
color: "#
|
123
|
+
color: "#0F172A"
|
119
124
|
}
|
120
125
|
},
|
121
126
|
// for command list style
|
@@ -144,7 +149,7 @@ const usePopupStyle = theme => ({
|
|
144
149
|
}
|
145
150
|
},
|
146
151
|
"@media only screen and (max-width: 599px)": {
|
147
|
-
width:
|
152
|
+
width: "330px"
|
148
153
|
}
|
149
154
|
},
|
150
155
|
textFormatLabel: {
|
@@ -155,17 +160,26 @@ const usePopupStyle = theme => ({
|
|
155
160
|
lineHeight: "25px",
|
156
161
|
marginTop: "12px",
|
157
162
|
marginBottom: "8px",
|
158
|
-
|
163
|
+
"& .searchContainer": {
|
159
164
|
position: "absolute",
|
160
165
|
right: 0,
|
161
166
|
zIndex: 3
|
162
167
|
},
|
163
|
-
|
164
|
-
padding:
|
168
|
+
"& .MuiFormControl-root.MuiTextField-root input": {
|
169
|
+
padding: "8px 35px 6px 12px"
|
165
170
|
}
|
166
171
|
},
|
167
172
|
textFormatField: {
|
168
|
-
marginBottom: "16px"
|
173
|
+
marginBottom: "16px",
|
174
|
+
marginTop: "10px"
|
175
|
+
},
|
176
|
+
textFormatField1: {
|
177
|
+
marginBottom: "16px",
|
178
|
+
marginTop: "10px"
|
179
|
+
},
|
180
|
+
textFormatField2: {
|
181
|
+
// marginBottom: "16px",
|
182
|
+
marginTop: "10px"
|
169
183
|
},
|
170
184
|
textFormatFieldBorder: {
|
171
185
|
display: "flex",
|
@@ -175,6 +189,9 @@ const usePopupStyle = theme => ({
|
|
175
189
|
borderRadius: "8px",
|
176
190
|
boxShadow: "0px 4px 18px 0px rgba(0, 0, 0, 0.05)"
|
177
191
|
},
|
192
|
+
dividerGrid: {
|
193
|
+
margin: "5px 0px 10px 0px"
|
194
|
+
},
|
178
195
|
textFormatColorWrpr: {
|
179
196
|
display: "flex",
|
180
197
|
alignItems: "center",
|
@@ -191,7 +208,7 @@ const usePopupStyle = theme => ({
|
|
191
208
|
},
|
192
209
|
"&.typo-icons": {
|
193
210
|
"& button": {
|
194
|
-
width: "
|
211
|
+
width: "31px",
|
195
212
|
height: "36px"
|
196
213
|
}
|
197
214
|
},
|
@@ -207,6 +224,12 @@ const usePopupStyle = theme => ({
|
|
207
224
|
paddingLeft: "5px",
|
208
225
|
fontWeight: 500
|
209
226
|
},
|
227
|
+
typoLabel2: {
|
228
|
+
fontSize: "14px",
|
229
|
+
marginBottom: "5px",
|
230
|
+
paddingLeft: "10px",
|
231
|
+
fontWeight: 500
|
232
|
+
},
|
210
233
|
templateCard: {
|
211
234
|
borderRadius: "10px",
|
212
235
|
boxShadow: "none",
|
@@ -297,6 +320,29 @@ const usePopupStyle = theme => ({
|
|
297
320
|
}
|
298
321
|
}
|
299
322
|
},
|
323
|
+
btnGroup2: {
|
324
|
+
backgroundColor: theme?.palette?.editor?.background,
|
325
|
+
"& button": {
|
326
|
+
backgroundColor: theme?.palette?.editor?.background,
|
327
|
+
marginRight: "0px",
|
328
|
+
color: theme?.palette?.editor?.textColor,
|
329
|
+
borderColor: theme?.palette?.editor?.borderColor,
|
330
|
+
textTransform: "capitalize",
|
331
|
+
marginBottom: "0px",
|
332
|
+
"&:hover": {
|
333
|
+
color: theme?.palette?.editor?.borderColor,
|
334
|
+
background: theme?.palette?.editor?.background
|
335
|
+
},
|
336
|
+
"&.active": {
|
337
|
+
background: theme?.palette?.editor?.background,
|
338
|
+
color: theme?.palette?.editor?.activeColor
|
339
|
+
},
|
340
|
+
"&.no-hover": {
|
341
|
+
border: `1px solid ${theme?.palette?.editor?.borderColor}`,
|
342
|
+
padding: "0px 5px !important"
|
343
|
+
}
|
344
|
+
}
|
345
|
+
},
|
300
346
|
allColor: {
|
301
347
|
"& .buttonsWrpr": {
|
302
348
|
"& button": {
|
@@ -326,6 +372,20 @@ const usePopupStyle = theme => ({
|
|
326
372
|
}
|
327
373
|
}
|
328
374
|
},
|
375
|
+
defaultBtn1: {
|
376
|
+
color: "#2563EB !important",
|
377
|
+
textTransform: "none",
|
378
|
+
textDecorationLine: "underline",
|
379
|
+
textUnderlineOffset: "2px",
|
380
|
+
padding: "0px 10px"
|
381
|
+
},
|
382
|
+
defaultBtn2: {
|
383
|
+
color: "#A2B0B9 !important",
|
384
|
+
textTransform: "none",
|
385
|
+
textDecorationLine: "underline",
|
386
|
+
textUnderlineOffset: "2px",
|
387
|
+
padding: "0px 10px"
|
388
|
+
},
|
329
389
|
defaultBtn: {
|
330
390
|
color: "#0F172A",
|
331
391
|
textTransform: "none"
|
@@ -383,6 +443,7 @@ const usePopupStyle = theme => ({
|
|
383
443
|
color: theme?.palette?.editor?.textColor
|
384
444
|
},
|
385
445
|
colorPickerPopup: {
|
446
|
+
margin: "30px",
|
386
447
|
"& .MuiPaper-root": {
|
387
448
|
overflow: "auto",
|
388
449
|
backgroundColor: theme?.palette?.editor?.background
|
@@ -413,15 +474,16 @@ const usePopupStyle = theme => ({
|
|
413
474
|
colorPopper: {
|
414
475
|
"& .MuiPaper-root": {
|
415
476
|
backgroundColor: theme?.palette?.editor?.background,
|
416
|
-
|
477
|
+
"@media only screen and (max-width: 600px)": {
|
417
478
|
marginTop: "-40px"
|
418
479
|
}
|
419
480
|
}
|
420
481
|
},
|
421
482
|
fullViewCardMedia: {
|
483
|
+
margin: "5px 0px",
|
422
484
|
width: "100%",
|
423
485
|
backgroundPosition: "left top",
|
424
|
-
backgroundSize: "100
|
486
|
+
backgroundSize: "100%, auto",
|
425
487
|
zIndex: 1,
|
426
488
|
position: "relative",
|
427
489
|
"&.fullscreen": {
|
@@ -436,9 +498,10 @@ const usePopupStyle = theme => ({
|
|
436
498
|
}
|
437
499
|
},
|
438
500
|
buttonCardMedia: {
|
501
|
+
margin: "5px 0px",
|
439
502
|
width: "100%",
|
440
|
-
height: "
|
441
|
-
backgroundPosition: "
|
503
|
+
height: "40px",
|
504
|
+
backgroundPosition: "center",
|
442
505
|
backgroundSize: "contain",
|
443
506
|
zIndex: 1,
|
444
507
|
position: "relative",
|
@@ -447,26 +510,25 @@ const usePopupStyle = theme => ({
|
|
447
510
|
}
|
448
511
|
},
|
449
512
|
buttonCardMediaWrpr: {
|
513
|
+
padding: '5px',
|
450
514
|
position: "relative",
|
451
515
|
margin: "8px",
|
452
516
|
marginBottom: "0px",
|
453
|
-
|
454
|
-
"
|
455
|
-
|
517
|
+
'& .img-wrapper': {
|
518
|
+
"&:hover": {
|
519
|
+
padding: '0px 2px 0px 2px',
|
520
|
+
backgroundColor: '#E9F3FE',
|
521
|
+
border: '1px solid #2563EB40',
|
522
|
+
borderRadius: '5px',
|
523
|
+
height: "100%",
|
524
|
+
margin: "0px"
|
525
|
+
// "& .template-card-action": {
|
526
|
+
// display: "flex",
|
527
|
+
// },
|
456
528
|
}
|
457
|
-
},
|
458
|
-
"& .img-loader-wrapper": {
|
459
|
-
position: "absolute",
|
460
|
-
width: "12px",
|
461
|
-
height: "12px",
|
462
|
-
left: 0,
|
463
|
-
right: 0,
|
464
|
-
top: 0,
|
465
|
-
bottom: 0,
|
466
|
-
margin: "auto",
|
467
|
-
zIndex: 0
|
468
529
|
}
|
469
530
|
},
|
531
|
+
|
470
532
|
paperOverrides: {
|
471
533
|
"&.MuiPaper-root": {
|
472
534
|
background: "transparent",
|
@@ -475,7 +537,7 @@ const usePopupStyle = theme => ({
|
|
475
537
|
},
|
476
538
|
miniTextFormatWrapper: {
|
477
539
|
maxWidth: "100%",
|
478
|
-
padding: "
|
540
|
+
padding: "2px 8px",
|
479
541
|
overflowX: "auto",
|
480
542
|
"& .customSelectTool": {
|
481
543
|
padding: "0px 8px",
|
@@ -524,22 +586,27 @@ const usePopupStyle = theme => ({
|
|
524
586
|
},
|
525
587
|
customSelectPopoverWrapper: {
|
526
588
|
"& .MuiPopover-paper": {
|
527
|
-
|
589
|
+
// minWidth: "130px",
|
590
|
+
border: "1px solid #E4E8EB",
|
528
591
|
background: theme?.palette?.editor?.background,
|
529
|
-
|
592
|
+
overflowY: "hidden",
|
593
|
+
padding: "6px 12px 6px 0px",
|
594
|
+
maxHeight: "140px",
|
595
|
+
"@media only screen and (max-width: 600px)": {
|
530
596
|
marginTop: "-40px"
|
531
597
|
}
|
532
598
|
},
|
533
599
|
"& .customSelectOptionLabel": {
|
534
600
|
color: theme?.palette?.editor?.textColor || "black",
|
535
|
-
margin: "0px",
|
601
|
+
margin: "0px 6px 0px 6px",
|
536
602
|
width: "100%",
|
537
603
|
justifyContent: "start",
|
538
604
|
paddingRight: "20px",
|
539
605
|
fontSize: "14px",
|
540
606
|
lineHeight: "1.75 !important",
|
541
607
|
fontWeight: 400,
|
542
|
-
background: theme?.palette?.editor?.background || "#fff",
|
608
|
+
// background: theme?.palette?.editor?.background || "#fff",
|
609
|
+
overflowY: "hidden",
|
543
610
|
"&:hover": {
|
544
611
|
background: `${theme?.palette?.action?.selected} !important`
|
545
612
|
},
|