Merge pull request #1013 from ethereum/runTabEnvironmentUI

Fix flexbox for Environment field in Run tab + info icon
pull/3094/head
yann300 7 years ago committed by GitHub
commit 4279057af4
  1. 19
      src/app/tabs/run-tab.js

@ -44,6 +44,11 @@ var css = csjs`
float: left;
align-self: center;
}
.environment {
display: flex;
align-items: center;
position: relative;
}
.col2 {
${styles.rightPanel.runTab.input_RunTab}
}
@ -149,8 +154,12 @@ var css = csjs`
}
.icon {
font-size: 12px;
color: ${styles.colors.orange};
margin-left: 10%;
color: ${styles.rightPanel.runTab.icon_Color};
margin-left: 5px;
}
.icon:hover {
font-size: 12px;
color: ${styles.rightPanel.runTab.icon_HoverColor};
}
.errorIcon {
color: ${styles.appProperties.errorText_Color};
@ -201,7 +210,7 @@ function runTab (container, appAPI, appEvents, opts) {
var recorderInterface = makeRecorder(events, appAPI, appEvents)
var pendingTxsContainer = yo`
<div class="${css.pendingTxsContainer}">
<div class="${css.pendingTxsText}">
<div class="${css.pendingTxsText}">
${pendingTxsText}
<span class="${css.transactionActions}">
${clearInstanceElement}
@ -523,7 +532,7 @@ function settings (container, appAPI, appEvents) {
<div id="selectExEnv" class="${css.col1_1}">
Environment
</div>
<div style="position: relative;">
<div class=${css.environment}>
${net}
<select id="selectExEnvOptions" onchange=${updateNetwork} class="${css.select}">
<option id="vm-mode"
@ -546,7 +555,7 @@ function settings (container, appAPI, appEvents) {
Web3 Provider
</option>
</select>
<a style="margin-left: 8px;" href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-155.md" target="_blank"><i class="fa fa-info"></i></a>
<a href="https://github.com/ethereum/EIPs/blob/master/EIPS/eip-155.md" target="_blank"><i class="${css.icon} fa fa-info"></i></a>
</div>
</div>
<div class="${css.crow}">

Loading…
Cancel
Save