@flozy/editor 10.0.5 → 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,
|
|
@@ -324,6 +324,12 @@ const useFreeGridStyles = ({
|
|
|
324
324
|
},
|
|
325
325
|
[theme?.breakpoints?.between("xs", "md")]: {
|
|
326
326
|
marginLeft: `calc((100% - 320px) * 0.5)`
|
|
327
|
+
},
|
|
328
|
+
"&.xs-hidden": {
|
|
329
|
+
display: {
|
|
330
|
+
xs: "none !important",
|
|
331
|
+
lg: "inline-block !important"
|
|
332
|
+
}
|
|
327
333
|
}
|
|
328
334
|
},
|
|
329
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": {
|