Increase height of the demos iframes (#1403)

docs/guide/advanced-usage.md

@@ -123,7 +123,7 @@ console.log(winningTeam)
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/advanced-usage?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: advanced-usage"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/basic-operations.md

@@ -408,7 +408,7 @@ sample UI.
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/basic-operations?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: basic-operations"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/basic-usage.md

@@ -66,7 +66,7 @@ works. It's time to move on to a more
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/basic-usage?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: basic-usage"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/batch-operations.md

@@ -125,7 +125,7 @@ The [paste](../api/classes/hyperformula.md#paste) method also can't be called wh
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/batch-operations?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: batch-operations"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/clipboard-operations.md

@@ -114,7 +114,7 @@ Depending on what was cut, the data is stored as:
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/clipboard-operations?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: clipboard-operations"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/custom-functions.md

@@ -364,7 +364,7 @@ This demo contains the implementation of both the
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/custom-functions?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:300px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: custom-functions"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/date-and-time-handling.md

@@ -100,7 +100,7 @@ And now, HyperFormula recognizes these values as valid dates and can operate on
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/date-time?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: date-time"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/demo.md

@@ -2,7 +2,7 @@
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/vanillajs-demo?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; margin-bottom: 50px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; margin-bottom: 50px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: vanillajs-demo"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/i18n-features.md

@@ -107,7 +107,7 @@ This demo shows HyperFormula configured for the `en-US` locale.
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/i18n?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: basic-operations"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/integration-with-angular.md

@@ -8,7 +8,7 @@ For more details, see the [client-side installation](client-side-installation.md
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/angular-demo?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: angular-demo"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/integration-with-react.md

@@ -8,7 +8,7 @@ For more details, see the [client-side installation](client-side-installation.md
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/react-demo?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: react-demo"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/localizing-functions.md

@@ -98,7 +98,7 @@ You can localize your custom functions as well. For details, see the [Custom fun
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/localizing-functions?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: localizing-functions"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/named-expressions.md

@@ -151,7 +151,7 @@ described in [that section](basic-operations.md#isitpossibleto-methods).
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/named-expressions?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: named-expressions"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/sorting-data.md

@@ -199,7 +199,7 @@ To see the code, select "Open Sandbox" in the frame's bottom right corner.
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/sorting?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: sorting"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">

docs/guide/undo-redo.md

@@ -27,7 +27,7 @@ that undo-redo will recognize them as a single cumulative operation.
 
 <iframe
   :src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/undo-redo?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
-  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
   title="handsontable/hyperformula-demos: undo-redo"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">