small ui fixes

pull/3094/head
yann300 7 years ago
parent d11b6fbf24
commit 4cbca76125
  1. 10
      src/app/debugger/remix-debugger/src/ui/TxBrowser.js
  2. 7
      src/app/debugger/remix-debugger/src/ui/VmDebugger.js

@ -23,8 +23,8 @@ var css = csjs`
} }
.txinput { .txinput {
${styles.rightPanel.debuggerTab.input_Debugger} ${styles.rightPanel.debuggerTab.input_Debugger}
min-width: 30px;
margin: 3px; margin: 3px;
width: inherit;
} }
.txbuttons { .txbuttons {
width: 100%; width: 100%;
@ -33,6 +33,10 @@ var css = csjs`
} }
.txbutton { .txbutton {
${styles.rightPanel.debuggerTab.button_Debugger} ${styles.rightPanel.debuggerTab.button_Debugger}
width: inherit;
}
.txbuttonstart {
${styles.rightPanel.debuggerTab.button_Debugger}
} }
.txbutton:hover { .txbutton:hover {
color: ${styles.rightPanel.debuggerTab.button_Debugger_icon_HoverColor}; color: ${styles.rightPanel.debuggerTab.button_Debugger_icon_HoverColor};
@ -187,8 +191,8 @@ TxBrowser.prototype.render = function () {
<input class="${css.txinput}" id='txinput' onkeyup=${function () { self.updateTxN(arguments[0]) }} type='text' placeholder=${'Transaction index or hash'} /> <input class="${css.txinput}" id='txinput' onkeyup=${function () { self.updateTxN(arguments[0]) }} type='text' placeholder=${'Transaction index or hash'} />
</div> </div>
<div class="${css.txbuttons}"> <div class="${css.txbuttons}">
<button id='load' class='fa fa-play ${css.txbutton}' title='start debugging' onclick=${function () { self.submit() }}></button> <button id='load' class='${css.txbutton}' title='start debugging' onclick=${function () { self.submit() }}>Start debugging</button>
<button id='unload' class='fa fa-stop ${css.txbutton}' title='stop debugging' onclick=${function () { self.unload() }}></button> <button id='unload' class='${css.txbutton}' title='stop debugging' onclick=${function () { self.unload() }}>Stop</button>
</div> </div>
</div> </div>
<span id='error'></span> <span id='error'></span>

@ -18,10 +18,13 @@ var yo = require('yo-yo')
var css = csjs` var css = csjs`
.asmCode { .asmCode {
float: left; float: left;
width: 250px; width: 50%;
} }
.stepDetail { .stepDetail {
} }
.vmheadView {
margin-top:10px;
}
` `
function VmDebugger (_parentUI, _traceManager, _codeManager, _solidityProxy, _callTree) { function VmDebugger (_parentUI, _traceManager, _codeManager, _solidityProxy, _callTree) {
@ -83,7 +86,7 @@ function VmDebugger (_parentUI, _traceManager, _codeManager, _solidityProxy, _ca
} }
VmDebugger.prototype.renderHead = function () { VmDebugger.prototype.renderHead = function () {
var headView = yo`<div id='vmheadView'> var headView = yo`<div id='vmheadView' class=${css.vmheadView}>
<div> <div>
<div class=${css.asmCode}>${this.asmCode.render()}</div> <div class=${css.asmCode}>${this.asmCode.render()}</div>
<div class=${css.stepDetail}>${this.stepDetail.render()}</div> <div class=${css.stepDetail}>${this.stepDetail.render()}</div>

Loading…
Cancel
Save