From 4b3945d10361ac20af9788273e164416e69de3be Mon Sep 17 00:00:00 2001 From: Iuri Matias Date: Tue, 6 Feb 2018 14:18:00 -0500 Subject: [PATCH] move css styles of analysis-tab to its own file --- src/app/tabs/analysis-tab.js | 30 ++-------------------- src/app/tabs/styles/analysis-tab-styles.js | 28 ++++++++++++++++++++ 2 files changed, 30 insertions(+), 28 deletions(-) create mode 100644 src/app/tabs/styles/analysis-tab-styles.js diff --git a/src/app/tabs/analysis-tab.js b/src/app/tabs/analysis-tab.js index bf17e4037a..80899e326a 100644 --- a/src/app/tabs/analysis-tab.js +++ b/src/app/tabs/analysis-tab.js @@ -1,32 +1,4 @@ var yo = require('yo-yo') -var remixLib = require('remix-lib') - -// -------------- styling ---------------------- -var csjs = require('csjs-inject') -var styleGuide = remixLib.ui.themeChooser -var styles = styleGuide.chooser() - -var css = csjs` - .analysisTabView { - padding: 2%; - padding-bottom: 3em; - display: flex; - flex-direction: column; - } - #staticanalysisView { - display: block; - } - .infoBox { - ${styles.infoTextBox} - margin-bottom: 1em; - } - .textBox { - ${styles.textBoxL} - margin-bottom: 1em; - } -` - -module.exports = analysisTab function analysisTab (container, appAPI, events, opts) { var el = yo` @@ -36,3 +8,5 @@ function analysisTab (container, appAPI, events, opts) { container.appendChild(el) return el } + +module.exports = analysisTab diff --git a/src/app/tabs/styles/analysis-tab-styles.js b/src/app/tabs/styles/analysis-tab-styles.js new file mode 100644 index 0000000000..d99ceff421 --- /dev/null +++ b/src/app/tabs/styles/analysis-tab-styles.js @@ -0,0 +1,28 @@ +var remixLib = require('remix-lib') + +// -------------- styling ---------------------- +var csjs = require('csjs-inject') +var styleGuide = remixLib.ui.themeChooser +var styles = styleGuide.chooser() + +var css = csjs` + .analysisTabView { + padding: 2%; + padding-bottom: 3em; + display: flex; + flex-direction: column; + } + #staticanalysisView { + display: block; + } + .infoBox { + ${styles.infoTextBox} + margin-bottom: 1em; + } + .textBox { + ${styles.textBoxL} + margin-bottom: 1em; + } +` + +module.exports = css