@flozy/editor 10.0.6 → 10.0.7
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.
|
@@ -61,7 +61,7 @@ const FreeGridItem = props => {
|
|
|
61
61
|
const onChangeSettings = () => {};
|
|
62
62
|
// const refInput = useRef();
|
|
63
63
|
// const [virtualHeight, setVirtualHeight] = useState(height || 0);
|
|
64
|
-
|
|
64
|
+
const xsHidden = element?.children?.some(c => c.xsHidden);
|
|
65
65
|
const onChange = data => {
|
|
66
66
|
let updateData = {
|
|
67
67
|
...data
|
|
@@ -268,7 +268,7 @@ const FreeGridItem = props => {
|
|
|
268
268
|
}, [element]);
|
|
269
269
|
return /*#__PURE__*/_jsx(RnD, {
|
|
270
270
|
id: `freegrid_item_${path.join("|")}_${updated_at}_${breakpoint}`,
|
|
271
|
-
className: `freegrid-item path-${path.length} breakpoint-${breakpoint}`,
|
|
271
|
+
className: `freegrid-item path-${path.length} breakpoint-${breakpoint} ${xsHidden ? "xs-hidden" : ""}`,
|
|
272
272
|
editor: editor,
|
|
273
273
|
path: path,
|
|
274
274
|
actions: itemTypeOptions,
|
|
@@ -47,9 +47,6 @@ const useFreeGridStyles = ({
|
|
|
47
47
|
"&.type_text": {
|
|
48
48
|
// minHeight: "fit-content !important",
|
|
49
49
|
// wordBreak: "break-all",
|
|
50
|
-
"& .placeholder-simple-text": {
|
|
51
|
-
display: "none"
|
|
52
|
-
}
|
|
53
50
|
},
|
|
54
51
|
"&.enable-1, &.enable-2": {
|
|
55
52
|
"&.type_text": {
|
|
@@ -327,6 +324,12 @@ const useFreeGridStyles = ({
|
|
|
327
324
|
},
|
|
328
325
|
[theme?.breakpoints?.between("xs", "md")]: {
|
|
329
326
|
marginLeft: `calc((100% - 320px) * 0.5)`
|
|
327
|
+
},
|
|
328
|
+
"&.xs-hidden": {
|
|
329
|
+
display: {
|
|
330
|
+
xs: "none !important",
|
|
331
|
+
lg: "inline-block !important"
|
|
332
|
+
}
|
|
330
333
|
}
|
|
331
334
|
},
|
|
332
335
|
"&.rnd-dragOver": {
|
|
@@ -45,6 +45,12 @@ const useVirtualElementStyles = () => ({
|
|
|
45
45
|
},
|
|
46
46
|
"& .embed": {
|
|
47
47
|
minHeight: "300px"
|
|
48
|
+
},
|
|
49
|
+
"&.xs-hidden": {
|
|
50
|
+
display: {
|
|
51
|
+
xs: "none !important",
|
|
52
|
+
lg: "inline-block !important"
|
|
53
|
+
}
|
|
48
54
|
}
|
|
49
55
|
}
|
|
50
56
|
}
|
|
@@ -144,6 +150,12 @@ export const useAutoAlignStyles = () => ({
|
|
|
144
150
|
},
|
|
145
151
|
"& .embed": {
|
|
146
152
|
minHeight: "300px"
|
|
153
|
+
},
|
|
154
|
+
"&.xs-hidden": {
|
|
155
|
+
display: {
|
|
156
|
+
xs: "none !important",
|
|
157
|
+
lg: "inline-block !important"
|
|
158
|
+
}
|
|
147
159
|
}
|
|
148
160
|
},
|
|
149
161
|
"& .appHeaderBox, &.header-box-mobile-virtual-mode": {
|