remvoing style-guide colorsand take out of flex-box in warning

pull/1/head
Rob Stupay 6 years ago committed by yann300
parent 61f8a620ab
commit 38cb9139ec
  1. 8
      src/app/staticanalysis/staticAnalysisView.js
  2. 14
      src/app/staticanalysis/styles/staticAnalysisView-styles.js
  3. 2
      src/app/tabs/styles/analysis-tab-styles.js

@ -42,11 +42,12 @@ staticAnalysisView.prototype.render = function () {
var self = this var self = this
var view = yo` var view = yo`
<div class="${css.analysis}"> <div class="${css.analysis}">
<div id="staticanalysismodules"> <div id="staticanalysismodules" class="list-group list-group-flush">
${this.modulesView} ${this.modulesView}
</div> </div>
<div class="${css.buttons}"> <div class="${css.buttons}">
<button class="${css.buttonRun}" onclick="${function () { self.run() }}" >Run</button> <div class="${css.buttonsInner}">
<button class="${css.buttonRun} btn btn-sm btn-primary" onclick="${function () { self.run() }}" >Run</button>
<label class="${css.label}" for="autorunstaticanalysis"> <label class="${css.label}" for="autorunstaticanalysis">
<input id="autorunstaticanalysis" <input id="autorunstaticanalysis"
type="checkbox" type="checkbox"
@ -65,6 +66,7 @@ staticAnalysisView.prototype.render = function () {
Check/Uncheck all Check/Uncheck all
</label> </label>
</div> </div>
</div>
<div class="${css.result}" "id='staticanalysisresult'></div> <div class="${css.result}" "id='staticanalysisresult'></div>
</div> </div>
` `
@ -166,7 +168,7 @@ staticAnalysisView.prototype.renderModules = function () {
</label> </label>
` `
}) })
return yo`<div class="${css.analysisModulesContainer}"> return yo`<div class="${css.analysisModulesContainer} list-group-item">
<label class="${css.label}"><b>${category[0].categoryDisplayName}</b></label> <label class="${css.label}"><b>${category[0].categoryDisplayName}</b></label>
${entriesDom} ${entriesDom}
</div>` </div>`

@ -1,8 +1,5 @@
var csjs = require('csjs-inject') var csjs = require('csjs-inject')
var styleGuide = require('../../ui/styles-guide/theme-chooser')
var styles = styleGuide.chooser()
var css = csjs` var css = csjs`
.analysis { .analysis {
display: flex; display: flex;
@ -12,20 +9,17 @@ var css = csjs`
margin-top: 1%; margin-top: 1%;
} }
.buttons { .buttons {
${styles.rightPanel.analysisTab.box_AnalysisContainer} margin: 1rem 0;
}
.buttonsInner {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around;
} }
.buttonRun { .buttonRun {
${styles.rightPanel.analysisTab.button_Run_AnalysisTab}
margin-right: 1%; margin-right: 1%;
} }
.analysisModulesContainer { .analysisModulesContainer {
${styles.rightPanel.analysisTab.box_AnalysisContainer}
margin-bottom: 1%;
line-height: 2em;
display: flex;
flex-direction: column;
} }
.label { .label {
display: flex; display: flex;

@ -4,8 +4,6 @@ const css = csjs`
.analysisTabView { .analysisTabView {
padding: 2%; padding: 2%;
padding-bottom: 3em; padding-bottom: 3em;
display: flex;
flex-direction: column;
} }
` `

Loading…
Cancel
Save