From 3bbb98a477cacebdbbe80da214f0221665714c82 Mon Sep 17 00:00:00 2001 From: iamsaief Date: Tue, 31 May 2022 16:20:17 +0600 Subject: [PATCH 1/2] Added: Hide on desktop features on all blocks --- assets/reactjs/src/blocks/accordion/Edit.js | 2 ++ assets/reactjs/src/blocks/advancedlist/Edit.js | 2 ++ assets/reactjs/src/blocks/animatedheadline/Edit.js | 2 ++ assets/reactjs/src/blocks/button/Edit.js | 2 ++ assets/reactjs/src/blocks/buttongroup/Edit.js | 2 ++ assets/reactjs/src/blocks/contactform/Edit.js | 2 ++ assets/reactjs/src/blocks/counter/Edit.js | 2 ++ assets/reactjs/src/blocks/divider/Edit.js | 2 ++ assets/reactjs/src/blocks/heading/Edit.js | 2 ++ assets/reactjs/src/blocks/icon/Edit.js | 2 ++ assets/reactjs/src/blocks/iconlist/Edit.js | 2 ++ assets/reactjs/src/blocks/image-comparison/Edit.js | 2 ++ assets/reactjs/src/blocks/image/Edit.js | 2 ++ assets/reactjs/src/blocks/infobox/Edit.js | 2 ++ assets/reactjs/src/blocks/map/Edit.js | 2 ++ assets/reactjs/src/blocks/pieprogress/Edit.js | 2 ++ assets/reactjs/src/blocks/postgrid/Edit.js | 4 ++++ assets/reactjs/src/blocks/pricing/Edit.js | 2 ++ assets/reactjs/src/blocks/progressbar/Edit.js | 2 ++ assets/reactjs/src/blocks/row/attributes.js | 10 +++++----- assets/reactjs/src/blocks/socialicons/Edit.js | 2 ++ assets/reactjs/src/blocks/table-of-contents/Edit.js | 2 ++ assets/reactjs/src/blocks/tabs/Edit.js | 2 ++ assets/reactjs/src/blocks/team/Edit.js | 2 ++ assets/reactjs/src/blocks/testimonial/Edit.js | 2 ++ assets/reactjs/src/blocks/text/Edit.js | 2 ++ assets/reactjs/src/blocks/timeline/Edit.js | 2 ++ assets/reactjs/src/blocks/videopopup/Edit.js | 2 ++ assets/reactjs/src/blocks/wrapper/Edit.js | 2 ++ 29 files changed, 63 insertions(+), 5 deletions(-) diff --git a/assets/reactjs/src/blocks/accordion/Edit.js b/assets/reactjs/src/blocks/accordion/Edit.js index ee74f8fe..5d79b938 100644 --- a/assets/reactjs/src/blocks/accordion/Edit.js +++ b/assets/reactjs/src/blocks/accordion/Edit.js @@ -56,6 +56,7 @@ class AccordionBlock extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -76,6 +77,7 @@ class AccordionBlock extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/advancedlist/Edit.js b/assets/reactjs/src/blocks/advancedlist/Edit.js index 4a9b9291..832d7595 100644 --- a/assets/reactjs/src/blocks/advancedlist/Edit.js +++ b/assets/reactjs/src/blocks/advancedlist/Edit.js @@ -258,6 +258,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -596,6 +597,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/animatedheadline/Edit.js b/assets/reactjs/src/blocks/animatedheadline/Edit.js index 9bf6aa3e..89dcd921 100644 --- a/assets/reactjs/src/blocks/animatedheadline/Edit.js +++ b/assets/reactjs/src/blocks/animatedheadline/Edit.js @@ -130,6 +130,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -296,6 +297,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/button/Edit.js b/assets/reactjs/src/blocks/button/Edit.js index b77ab984..d615cc34 100644 --- a/assets/reactjs/src/blocks/button/Edit.js +++ b/assets/reactjs/src/blocks/button/Edit.js @@ -98,6 +98,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -365,6 +366,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/buttongroup/Edit.js b/assets/reactjs/src/blocks/buttongroup/Edit.js index 382b70ce..36ece0c5 100644 --- a/assets/reactjs/src/blocks/buttongroup/Edit.js +++ b/assets/reactjs/src/blocks/buttongroup/Edit.js @@ -48,6 +48,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -111,6 +112,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/contactform/Edit.js b/assets/reactjs/src/blocks/contactform/Edit.js index 3807a97c..b06f3ccb 100644 --- a/assets/reactjs/src/blocks/contactform/Edit.js +++ b/assets/reactjs/src/blocks/contactform/Edit.js @@ -137,6 +137,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -571,6 +572,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/counter/Edit.js b/assets/reactjs/src/blocks/counter/Edit.js index 11d788f8..76432d82 100644 --- a/assets/reactjs/src/blocks/counter/Edit.js +++ b/assets/reactjs/src/blocks/counter/Edit.js @@ -59,6 +59,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -194,6 +195,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/divider/Edit.js b/assets/reactjs/src/blocks/divider/Edit.js index 1efd02e2..1b430925 100644 --- a/assets/reactjs/src/blocks/divider/Edit.js +++ b/assets/reactjs/src/blocks/divider/Edit.js @@ -98,6 +98,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -195,6 +196,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/heading/Edit.js b/assets/reactjs/src/blocks/heading/Edit.js index f0adcd30..3ed309b6 100644 --- a/assets/reactjs/src/blocks/heading/Edit.js +++ b/assets/reactjs/src/blocks/heading/Edit.js @@ -72,6 +72,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -320,6 +321,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/icon/Edit.js b/assets/reactjs/src/blocks/icon/Edit.js index f3ce23e9..4e424514 100644 --- a/assets/reactjs/src/blocks/icon/Edit.js +++ b/assets/reactjs/src/blocks/icon/Edit.js @@ -92,6 +92,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -283,6 +284,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/iconlist/Edit.js b/assets/reactjs/src/blocks/iconlist/Edit.js index 4cf1d298..23a7b37d 100644 --- a/assets/reactjs/src/blocks/iconlist/Edit.js +++ b/assets/reactjs/src/blocks/iconlist/Edit.js @@ -258,6 +258,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -482,6 +483,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/image-comparison/Edit.js b/assets/reactjs/src/blocks/image-comparison/Edit.js index c3c694e7..d1b6006d 100644 --- a/assets/reactjs/src/blocks/image-comparison/Edit.js +++ b/assets/reactjs/src/blocks/image-comparison/Edit.js @@ -146,6 +146,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -341,6 +342,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/image/Edit.js b/assets/reactjs/src/blocks/image/Edit.js index 4d85186e..f052cfcf 100644 --- a/assets/reactjs/src/blocks/image/Edit.js +++ b/assets/reactjs/src/blocks/image/Edit.js @@ -114,6 +114,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -605,6 +606,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/infobox/Edit.js b/assets/reactjs/src/blocks/infobox/Edit.js index 7c587a42..77be082b 100644 --- a/assets/reactjs/src/blocks/infobox/Edit.js +++ b/assets/reactjs/src/blocks/infobox/Edit.js @@ -144,6 +144,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -927,6 +928,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/map/Edit.js b/assets/reactjs/src/blocks/map/Edit.js index 8c0ec356..7ebb21bc 100644 --- a/assets/reactjs/src/blocks/map/Edit.js +++ b/assets/reactjs/src/blocks/map/Edit.js @@ -245,6 +245,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -409,6 +410,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/pieprogress/Edit.js b/assets/reactjs/src/blocks/pieprogress/Edit.js index 649e31f6..7740c081 100644 --- a/assets/reactjs/src/blocks/pieprogress/Edit.js +++ b/assets/reactjs/src/blocks/pieprogress/Edit.js @@ -84,6 +84,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -439,6 +440,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/postgrid/Edit.js b/assets/reactjs/src/blocks/postgrid/Edit.js index 1c0cf816..c3267267 100644 --- a/assets/reactjs/src/blocks/postgrid/Edit.js +++ b/assets/reactjs/src/blocks/postgrid/Edit.js @@ -333,14 +333,17 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, }, } = this.props; + const { device } = this.state; const tag = `h${level}`; let pages = 0; + if (numberofPosts && numberofPosts.length) { pages = Math.ceil(numberofPosts.length / postsToShow); } @@ -1545,6 +1548,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/pricing/Edit.js b/assets/reactjs/src/blocks/pricing/Edit.js index d0c8b5fc..fdef04dc 100644 --- a/assets/reactjs/src/blocks/pricing/Edit.js +++ b/assets/reactjs/src/blocks/pricing/Edit.js @@ -343,6 +343,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -906,6 +907,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/progressbar/Edit.js b/assets/reactjs/src/blocks/progressbar/Edit.js index 9fada4da..f4f10b3a 100644 --- a/assets/reactjs/src/blocks/progressbar/Edit.js +++ b/assets/reactjs/src/blocks/progressbar/Edit.js @@ -59,6 +59,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -213,6 +214,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, 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, diff --git a/assets/reactjs/src/blocks/socialicons/Edit.js b/assets/reactjs/src/blocks/socialicons/Edit.js index 32915e3f..de70516c 100644 --- a/assets/reactjs/src/blocks/socialicons/Edit.js +++ b/assets/reactjs/src/blocks/socialicons/Edit.js @@ -98,6 +98,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -317,6 +318,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/table-of-contents/Edit.js b/assets/reactjs/src/blocks/table-of-contents/Edit.js index 0664d240..b23bb5c9 100644 --- a/assets/reactjs/src/blocks/table-of-contents/Edit.js +++ b/assets/reactjs/src/blocks/table-of-contents/Edit.js @@ -117,6 +117,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -667,6 +668,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/tabs/Edit.js b/assets/reactjs/src/blocks/tabs/Edit.js index c0b31de3..7f663365 100644 --- a/assets/reactjs/src/blocks/tabs/Edit.js +++ b/assets/reactjs/src/blocks/tabs/Edit.js @@ -328,6 +328,7 @@ class Edit extends Component { animation, //global globalCss, + hideDesktop, hideTablet, hideMobile, interaction, @@ -1094,6 +1095,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/team/Edit.js b/assets/reactjs/src/blocks/team/Edit.js index bc670469..908b62d7 100644 --- a/assets/reactjs/src/blocks/team/Edit.js +++ b/assets/reactjs/src/blocks/team/Edit.js @@ -143,6 +143,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -879,6 +880,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/testimonial/Edit.js b/assets/reactjs/src/blocks/testimonial/Edit.js index 46506ed6..38b2b856 100644 --- a/assets/reactjs/src/blocks/testimonial/Edit.js +++ b/assets/reactjs/src/blocks/testimonial/Edit.js @@ -96,6 +96,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -651,6 +652,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/text/Edit.js b/assets/reactjs/src/blocks/text/Edit.js index 63430649..c8529455 100644 --- a/assets/reactjs/src/blocks/text/Edit.js +++ b/assets/reactjs/src/blocks/text/Edit.js @@ -79,6 +79,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -401,6 +402,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/timeline/Edit.js b/assets/reactjs/src/blocks/timeline/Edit.js index 777d5d14..e79ae72d 100644 --- a/assets/reactjs/src/blocks/timeline/Edit.js +++ b/assets/reactjs/src/blocks/timeline/Edit.js @@ -275,6 +275,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -612,6 +613,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/videopopup/Edit.js b/assets/reactjs/src/blocks/videopopup/Edit.js index a6c6ed44..7fa4f5c1 100644 --- a/assets/reactjs/src/blocks/videopopup/Edit.js +++ b/assets/reactjs/src/blocks/videopopup/Edit.js @@ -102,6 +102,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -485,6 +486,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, diff --git a/assets/reactjs/src/blocks/wrapper/Edit.js b/assets/reactjs/src/blocks/wrapper/Edit.js index acf2f89a..de506efd 100644 --- a/assets/reactjs/src/blocks/wrapper/Edit.js +++ b/assets/reactjs/src/blocks/wrapper/Edit.js @@ -55,6 +55,7 @@ class Edit extends Component { selectPosition, positionXaxis, positionYaxis, + hideDesktop, hideTablet, hideMobile, globalCss, @@ -163,6 +164,7 @@ class Edit extends Component { positionXaxis, positionYaxis, globalZindex, + hideDesktop, hideTablet, hideMobile, globalCss, From 05f7b42fd76a69a34d4f89baa548397f1cfb8936 Mon Sep 17 00:00:00 2001 From: iamsaief Date: Mon, 27 Jun 2022 15:27:47 +0600 Subject: [PATCH 2/2] Fix: infobox 2,3 alignment issue --- assets/reactjs/src/blocks/infobox/Edit.js | 16 +++++++++++++--- assets/reactjs/src/blocks/infobox/attributes.js | 8 ++++++++ 2 files changed, 21 insertions(+), 3 deletions(-) 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: {