From d3bb04068bef79f74632800a1e5c3e92574c58d3 Mon Sep 17 00:00:00 2001 From: serapath Date: Tue, 10 Apr 2018 04:26:53 +0100 Subject: [PATCH] add test-tab (WIP) --- src/app/tabs/test-tab.js | 87 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 src/app/tabs/test-tab.js diff --git a/src/app/tabs/test-tab.js b/src/app/tabs/test-tab.js new file mode 100644 index 0000000000..864fbfcb52 --- /dev/null +++ b/src/app/tabs/test-tab.js @@ -0,0 +1,87 @@ +// var yo = require('yo-yo') +// var csjs = require('csjs-inject') +// var remixLib = require('remix-lib') +// +// var EventManager = remixLib.EventManager +// var styles = remixLib.ui.themeChooser.chooser() +// +// module.exports = class TestTab { +// constructor (opts = { api: {}, events: {} }) { +// const self = this +// self.event = new EventManager() +// self._api = opts.api +// self._events = opts.events +// self._view = { el: null } +// self.data = {} +// self._components = {} +// } +// render () { +// const self = this +// if (self._view.el) return self._view.el +// self._view.el = yo` +//
+// Test Tab +//
` +// return self._view.el +// } +// } +// const css = csjs` +// .testTab { +// position : relative; +// box-sizing : border-box; +// display : flex; +// flex-direction : column; +// align-items : center; +// } +// ` + +/* +.opts_li { + display: block; + font-weight: bold; + color: ${styles.rightPanel.text_Teriary}; +} +.opts_li.active { + color: ${styles.rightPanel.text_Primary}; +} +.opts_li:hover { + color: ${styles.rightPanel.icon_HoverColor_TogglePanel}; +} +.solIcon { + margin-left: 10px; + margin-right: 30px; + display: flex; + align-self: center; + height: 29px; + width: 20px; + background-color: ${styles.colors.transparent}; +} +a { + color: ${styles.rightPanel.text_link}; +} +#optionViews > div { + display: none; +} +#optionViews .pre { + word-wrap: break-word; + background-color: ${styles.rightPanel.BackgroundColor_Pre}; + border-radius: 3px; + display: inline-block; + padding: 0 0.6em; +} +#optionViews .hide { + display: none; +} +.infoBox { + ${styles.infoTextBox} + margin-bottom: 1em; +} +.textBox { + ${styles.textBoxL} + margin-bottom: 1em; +} +.icon { + height: 70%; + margin-right: 2%; +} +*/