diff --git a/assets/reactjs/src/blocks/infobox/Edit.js b/assets/reactjs/src/blocks/infobox/Edit.js index ee6a21e5..161134d4 100644 --- a/assets/reactjs/src/blocks/infobox/Edit.js +++ b/assets/reactjs/src/blocks/infobox/Edit.js @@ -207,7 +207,7 @@ class Edit extends Component { { value: 4, svg: icons.infobox_4, label: __("Layout 4") }, ]} /> - {(layout == 1 || layout == 4) && ( + {/* {(layout == 1 || layout == 4) && ( this.setState({ device: value })} /> - )} + )} */} + setAttributes({ alignment: val })} + disableJustify + responsive + device={device} + onDeviceChange={(value) => this.setState({ device: value })} + /> {layout != 4 && ( @@ -934,7 +944,7 @@ class Edit extends Component { setAttributes })} -
+
handleContextMenu(event, this.qubelyContextMenu.current)} diff --git a/assets/reactjs/src/blocks/infobox/attributes.js b/assets/reactjs/src/blocks/infobox/attributes.js index 0a035066..ccde1719 100644 --- a/assets/reactjs/src/blocks/infobox/attributes.js +++ b/assets/reactjs/src/blocks/infobox/attributes.js @@ -25,6 +25,14 @@ const attributes = { condition: [{ key: "layout", relation: "==", value: 4 }], selector: "{{QUBELY}} .qubely-block-info-box {text-align: {{alignment}};}", }, + { + condition: [{ key: "layout", relation: "==", value: 2 }], + selector: "{{QUBELY}}.qubely-block-info-box-2 {display: flex; justify-content: {{alignment}};}", + }, + { + condition: [{ key: "layout", relation: "==", value: 3 }], + selector: "{{QUBELY}}.qubely-block-info-box-3 {display: flex; justify-content: {{alignment}};}", + } ], }, spacer: { diff --git a/assets/reactjs/src/blocks/postgrid/Edit.js b/assets/reactjs/src/blocks/postgrid/Edit.js index 24286e13..0e8feeae 100644 --- a/assets/reactjs/src/blocks/postgrid/Edit.js +++ b/assets/reactjs/src/blocks/postgrid/Edit.js @@ -339,9 +339,11 @@ class Edit extends Component { globalCss, }, } = this.props; + const { device } = this.state; const tag = `h${level}`; let pages = 0; + if (numberofPosts && numberofPosts.length) { pages = Math.ceil(numberofPosts.length / postsToShow); } diff --git a/assets/reactjs/src/blocks/row/attributes.js b/assets/reactjs/src/blocks/row/attributes.js index 4f7626d9..25b5759f 100644 --- a/assets/reactjs/src/blocks/row/attributes.js +++ b/assets/reactjs/src/blocks/row/attributes.js @@ -192,11 +192,11 @@ const attributes = { }, // Responsive - hideDesktop: { - type: "boolean", - default: false, - style: [{ selector: "{{QUBELY}}.qubely-section{ display:none; }" }], - }, + // hideDesktop: { + // type: "boolean", + // default: false, + // style: [{ selector: "{{QUBELY}}.qubely-section{ display:none; }" }], + // }, hideTablet: { type: "boolean", default: false,