{"componentChunkName":"component---src-templates-post-jsx","path":"/blog/polypane-3-1-new-elements-panel/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Polypane 3.1: New elements panel\",\n  \"cover\": \"/blogs/polypane-3-1/video.png\",\n  \"date\": \"2020-04-22\",\n  \"type\": [\"announcement\"]\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `Polypane 3.1 is now available and with over 30 new and improved features it's our biggest release ever.`), mdx(PolypaneIntro, {\n    mdxType: \"PolypaneIntro\"\n  }), mdx(\"p\", null, `With Polypane 3.1 we're introducing the Polypane elements panel: `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `A completely new elements panel\nwritten for Polypane`), ` that syncs between all panes letting you easily update styles, content and attributes.`), mdx(\"p\", null, `But with 32 other new and improved features there's way more to explore. There are 2 other new panels: Storage and Outline.\nThere's an updated Meta panel that highlights issues, a new Discord preview and updated Twitter and Facebook previews.\nWe've added the ability to import and export workspaces and added some default workspaces for convenience.\nThere's new overlays, updated existing ones and improved performance all around.`), mdx(\"h2\", {\n    \"id\": \"polypane-element-inspector\"\n  }, `Polypane element inspector`), mdx(\"p\", null, `In Polypane you've had access to the Chromium devtools element inspector and while it works fine it was never developed to\nsupport multiple panes.`), mdx(\"p\", null, `So we built our own:`), mdx(\"img\", {\n    alt: \"Polypane element inspector\",\n    src: \"/blogs/polypane-3-1/elements.png\",\n    className: \"imgshadow\",\n    style: {\n      margin: '1rem auto 1rem',\n      display: 'block',\n      maxWidth: '100%'\n    }\n  }), mdx(\"p\", null, `The Polypane element inspector is extremely fast and makes common tasks really easy. All synced\nwith all panes, of course. Here's a quick video showing it in action:`), mdx(\"div\", {\n    style: {\n      \"position\": \"relative\",\n      \"width\": \"100%\",\n      \"paddingTop\": \"56.25%\"\n    }\n  }, mdx(\"a\", {\n    id: \"video\",\n    style: {\n      \"position\": \"absolute\",\n      \"top\": \"-100px\"\n    }\n  }), mdx(\"iframe\", {\n    src: \"https://www.youtube.com/embed/_Unq1DDKY-g?&autoplay=false&start=0\",\n    allow: \"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\n    allowFullScreen: \"\",\n    style: {\n      \"position\": \"absolute\",\n      \"top\": \"0px\",\n      \"left\": \"0px\",\n      \"width\": \"100%\",\n      \"height\": \"100%\"\n    },\n    frameBorder: \"0\"\n  })), mdx(\"p\", null, `The element inspector is filled with smart features and it's a joy to use. Listing all the features would make this\nannouncement twice as long. Very quickly:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `select elements in all panes at the same time,`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `live editing of content and attributes,`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `custom widgets for styling,`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `one-click copying of CSS rule sets,`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `automatic contrast checking`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `and so much more.`)), mdx(\"p\", null, `For a full rundown, read the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://polypane.app/docs/elements-panel/\"\n  }), `documentation`)), mdx(\"h2\", {\n    \"id\": \"meta-panel-updates\"\n  }, `Meta panel updates`), mdx(\"p\", null, `One important theme in Polypane is that we want to help you create better sites. That's why we added warnings for common issues\nin the Meta panel. We show warnings for missing but important meta elements or when your title\nand description are too long or short.`), mdx(\"img\", {\n    alt: \"Meta preview warnings\",\n    src: \"/blogs/polypane-3-1/warnings.png\",\n    className: \"imgshadow\",\n    style: {\n      margin: '1rem auto 1rem',\n      display: 'block'\n    }\n  }), mdx(\"p\", null, `If you define certain meta values more than once, we'll show you a warning indicator for that too. Other new things are\nmore prominent place for the canonical url, all icons are now downloadable and if your page supplies\noEmbed information that information is now also shown.`), mdx(\"h3\", {\n    \"id\": \"social-media-previews\"\n  }, `Social media previews`), mdx(\"p\", null, `All social media cards now have a background color that matches their websites for both dark and light mode, so the\npreview is even more accurate and you get a better idea of the context where your card is shown.`), mdx(\"p\", null, `We added a new social media preview: Discord, in dark and light mode. One of the cool things in the Discord share card is\nthat is uses your site's theme color for the border.`), mdx(\"img\", {\n    alt: \"Discord light\",\n    src: \"/blogs/polypane-3-1/discord-light.png\",\n    className: \"imgshadow\",\n    style: {\n      maxWidth: '48%',\n      margin: '1rem 0rem 1rem',\n      float: 'left'\n    }\n  }), mdx(\"img\", {\n    alt: \"Discord dark\",\n    src: \"/blogs/polypane-3-1/discord-dark.png\",\n    className: \"imgshadow\",\n    style: {\n      maxWidth: '48%',\n      margin: '1rem 0rem 1rem',\n      float: 'right'\n    }\n  }), mdx(\"div\", {\n    style: {\n      clear: 'both',\n      height: '1rem'\n    }\n  }), mdx(\"p\", null, `Since the last release of Polypane, Facebook updated it's design and added a dark mode, so that is now updated in Polypane.\nNew (or rather, back again) in this design is that Facebook will show a part of your og:description again but only if your title fits on a\nsingle line.`), mdx(\"h2\", {\n    \"id\": \"other-new-panels\"\n  }, `Other new panels`), mdx(\"p\", null, `We also added two new panels: Storage and Outline.`), mdx(\"p\", null, `The `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Storage panel`), ` has been in the works for a while (I hinted about it\nin an article in December of 2019) and it makes it super easy to inspect and edit your localStorage, sessionStorage\nand cookies, including cookies that are httpOnly, which you don't have access to in your own JavaScript.`), mdx(\"p\", null, `The `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Outline panel`), ` shows an outline of your headings according to the HTML5 outline algorithm. Easy to quickly check if your\npage has a logical heading structure or if you're missing steps or have sections that need a title but don't have one.`), mdx(\"img\", {\n    alt: \"Storage panel\",\n    src: \"/blogs/polypane-3-1/storage.png\",\n    className: \"imgshadow\",\n    style: {\n      maxWidth: '48%',\n      margin: '1rem 0rem 1rem',\n      float: 'left'\n    }\n  }), mdx(\"img\", {\n    alt: \"Outline panel\",\n    src: \"/blogs/polypane-3-1/outline.png\",\n    className: \"imgshadow\",\n    style: {\n      maxWidth: '48%',\n      margin: '1rem 0rem 1rem',\n      float: 'right'\n    }\n  }), mdx(\"div\", {\n    style: {\n      clear: 'both',\n      height: '1rem'\n    }\n  }), mdx(\"h2\", {\n    \"id\": \"workspace-import-and-export\"\n  }, `Workspace import and export`), mdx(\"p\", null, `We heard from many of you that you wanted to share your workspaces with your colleagues, so we've added the ability to export\nand import workspaces. Export your favorite workspaces to Polypane workspace files, share them with your team and they can\nimport them into their own workspaces.`), mdx(\"h2\", {\n    \"id\": \"default-workspaces\"\n  }, `Default workspaces`), mdx(\"p\", null, `We've also added a new tab with default workspaces. They include our default three-pane layout, the device lab, all our\niOS devices, all our Android devices (including a new Moto G4 preset), the 6 most common screen sizes used worldwide and the default\nbreakpoint for Bootstrap, Material UI, Tailwind and Bulma.`), mdx(\"img\", {\n    alt: \"default workspaces\",\n    src: \"/blogs/polypane-3-1/workspaces.png\",\n    className: \"imgshadow\",\n    style: {\n      margin: '1rem auto 1rem',\n      display: 'block',\n      maxWidth: '100%'\n    }\n  }), mdx(\"h2\", {\n    \"id\": \"new-overlay\"\n  }, `New overlay`), mdx(\"p\", null, `We added a new overlay, Hostile CSS. Hostile CSS will inject styling for all default elements. You can use it to check if your component styles are properly\nisolated from any default CSS.`), mdx(\"p\", null, mdx(\"img\", _extends({\n    parentName: \"p\"\n  }, {\n    \"src\": \"/doc-img/overlays/hostilecss.png\",\n    \"alt\": \"screenshot of hostile CSS\"\n  }))), mdx(\"h2\", {\n    \"id\": \"color-overlay-now-suggests-alternatives\"\n  }, `Color overlay now suggests alternatives`), mdx(\"p\", null, `Like our free online `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/color-contrast/\"\n  }), `Color contrast checker`), `, the Contrast checker overlay will suggest improved\ncolors that have enough contrast. This makes fixing your colors really easy.`), mdx(\"img\", {\n    alt: \"Color suggestion\",\n    src: \"/blogs/polypane-3-1/coloroverlay.png\",\n    className: \"imgshadow\",\n    style: {\n      margin: '1rem auto 1rem'\n    }\n  }), mdx(\"h2\", {\n    \"id\": \"set-your-own-tab-homepage\"\n  }, `Set your own tab homepage`), mdx(\"p\", null, `When you open a new tab we show the default 3 panes and the getting started page. in 3.1 you can now change this 'homepage' to whatever\nconfiguration you want. Arrange your tabs the way you like, pick a URL, then set the homepage to your current view from the main menu.`), mdx(\"h2\", {\n    \"id\": \"full-changelog\"\n  }, `Full changelog`), mdx(\"p\", null, `There's more new features, improvements and fixes in this release so read through the full changelog below. All new features are fully documented in our `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/\"\n  }), `docs`), ` too.`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Polypane Element Inspector`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Storage panel`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` HTML5 Outline panel`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Default workspaces`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Exportable and importable workspaces`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Meta Panel: Discord preview`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Meta Panel: warnings for issues`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Ability to set new tab layout + url`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Hostile CSS overlay`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Color contrast overlay now suggest color`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Color contrast overlay supports testing numerical font-weights`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Meta panel: downloadable images`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Meta Panel: Facebook preview updated`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Meta Panel: Twitter dark mode preview updated`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Meta Panel: Social media previews are now shown on their real background color`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Meta panel: shows oEmbed info`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Panes no longer refresh when switching between horizontal and vertical mode`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Panel settings are stored per tab`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Updated default paneset`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Screenshots now include timestamp`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Disable cache now identical to devtools`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Right click to open links in side browser`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Support for Meteor devtools`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Dragging links or files to tab bar opens them in new tab`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Double click vertical resize to scale panes to 100%`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Polypane loading looks better`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Add Moto G4 pane preset`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` On Mac, Polypane now keeps running after last window is closed`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Panel resizing is now faster`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Updated UI of devtools extension manager`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Urls with `, mdx(\"code\", _extends({\n    parentName: \"li\"\n  }, {\n    \"className\": \"language-text\"\n  }), `target=\"_blank\"`), ` now open in a new tab`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Scroll position is now saved per tab`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Updated Electron`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Full page screenshot now works with more websites`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Zooming shortcuts work again`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` F12 now turns on inspect element in Isolate pane mode`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Figma sign in with Google now works`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Screenshot in browser mode now has correct dimensions`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` No internet message in dark mode now has correct border color`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Custom headers are also applied on first load when switching modes`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Updated shortcut for fullscreen on Mac`)), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `3.1.1`), ` (bugfix update)`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Crashes in the panel no longer crash Polypane`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Element inspector now understands CSS custom properties with fallback values`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Element inspector now understands currentcolor`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Updated Codemirror for Live CSS`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Updated Electron`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improvement`), ` Support Google login for isolated panes`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Setting panes from a workspace correctly sets pane names`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Clicking on dimensions in device chooser sets correct device`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Prevent crash when meta description exists but has no content`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Live CSS shows Google Fonts as suggestions again`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Issue where side panel sometimes disappeared`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Opening links with target=\"_blank\" in isolate pane mode no longer opens multiple tabs`)), mdx(\"h2\", {\n    \"id\": \"getting-polypane-31\"\n  }, `Getting Polypane 3.1`), mdx(\"p\", null, `Polypane will automatically update on Mac and Windows. Linux users need to download the new version from\n`, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/download/\"\n  }), `the download page`), ` and if you're on Mac and Windows but don't want to wait on the update popup, you can find\nyour download there as well.`), mdx(\"p\", null, `If you don't have Polypane yet there is a free 14 day trial available. `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/pricing/\"\n  }), `Get it here`), `.`));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":5,"tableOfContents":{"items":[{"url":"#polypane-element-inspector","title":"Polypane element inspector"},{"url":"#meta-panel-updates","title":"Meta panel updates","items":[{"url":"#social-media-previews","title":"Social media previews"}]},{"url":"#other-new-panels","title":"Other new panels"},{"url":"#workspace-import-and-export","title":"Workspace import and export"},{"url":"#default-workspaces","title":"Default workspaces"},{"url":"#new-overlay","title":"New overlay"},{"url":"#color-overlay-now-suggests-alternatives","title":"Color overlay now suggests alternatives"},{"url":"#set-your-own-tab-homepage","title":"Set your own tab homepage"},{"url":"#full-changelog","title":"Full changelog"},{"url":"#getting-polypane-31","title":"Getting Polypane 3.1"}]},"excerpt":"Polypane 3.1 is now available and with over 30 new and improved features it's our biggest release ever. With Polypane 3.1 we're introducing the Polypane…","frontmatter":{"title":"Polypane 3.1: New elements panel","cover":"/blogs/polypane-3-1/video.png","date":"2020-04-22","updated":null},"fields":{"slug":"/blog/polypane-3-1-new-elements-panel/","date":"2020-04-21T22:00:00.000Z","ogFileName":"polypane-3-1-new-elements-panel"}}},"pageContext":{"slug":"/blog/polypane-3-1-new-elements-panel/"}},"staticQueryHashes":["4164364741","425175329"]}