diff --git a/src/plugins/Dashboard/Dashboard.js b/src/plugins/Dashboard/Dashboard.js index add761fd1..76137c2da 100644 --- a/src/plugins/Dashboard/Dashboard.js +++ b/src/plugins/Dashboard/Dashboard.js @@ -7,6 +7,7 @@ const { isTouchDevice, toArray } = require('../../core/Utils') const { closeIcon } = require('./icons') // http://dev.edenspiekermann.com/2016/02/11/introducing-accessible-modal-dialog +// https://github.com/ghosh/micromodal module.exports = function Dashboard (props) { function handleInputChange (ev) { @@ -48,6 +49,20 @@ module.exports = function Dashboard (props) { }) } + const renderInnerPanel = (props) => { + return html`
+
+

+ ${props.i18n('importFrom')} ${props.activePanel ? props.activePanel.name : null} +

+ +
+ ${props.getPlugin(props.activePanel.id).render(props.state)} +
` + } + return html`
-
-

- ${props.i18n('importFrom')} ${props.activePanel ? props.activePanel.name : null} -

- -
- ${props.activePanel ? props.getPlugin(props.activePanel.id).render(props.state) : ''} + ${props.activePanel ? renderInnerPanel(props) : ''}