Replace div tag with label tag

pull/1/head
alexcherman 5 years ago committed by Rob Stupay
parent a0e30e5df7
commit ab65299c98
  1. 2
      src/app/tabs/runTab/contractDropdown.js
  2. 12
      src/app/tabs/runTab/settings.js

@ -55,7 +55,7 @@ class ContractDropdownUI {
this.orLabel = yo`<div class="${css.orLabel}">or</div>` this.orLabel = yo`<div class="${css.orLabel}">or</div>`
let el = yo` let el = yo`
<div class="${css.container} border-bottom border-light"> <div class="${css.container} border-bottom border-light">
<div class="${css.settingsLabel} form-control-label">Contract</div> <label class="${css.settingsLabel}">Contract</label>
<div class="${css.subcontainer}"> <div class="${css.subcontainer}">
${this.selectContractNames} ${this.compFails} ${info} ${this.selectContractNames} ${this.compFails} ${info}
</div> </div>

@ -56,9 +56,9 @@ class SettingsUI {
var environmentEl = yo` var environmentEl = yo`
<div class="${css.crow}"> <div class="${css.crow}">
<div id="selectExEnv" class="${css.settingsLabel} form-control-label"> <label id="selectExEnv" class="${css.settingsLabel}">
Environment Environment
</div> </label>
<div class="${css.environment}"> <div class="${css.environment}">
<select id="selectExEnvOptions" onchange=${() => { this.updateNetwork() }} class="form-control ${css.select}"> <select id="selectExEnvOptions" onchange=${() => { this.updateNetwork() }} class="form-control ${css.select}">
<option id="vm-mode" <option id="vm-mode"
@ -90,12 +90,12 @@ class SettingsUI {
` `
const accountEl = yo` const accountEl = yo`
<div class="${css.crow}"> <div class="${css.crow}">
<div class="${css.settingsLabel} form-control-label"> <label class="${css.settingsLabel}">
Account Account
<span id="remixRunPlusWraper" title="Create a new account" onload=${this.updatePlusButton.bind(this)}> <span id="remixRunPlusWraper" title="Create a new account" onload=${this.updatePlusButton.bind(this)}>
<i id="remixRunPlus" class="fas fa-plus-circle ${css.icon}" aria-hidden="true" onclick=${this.newAccount.bind(this)}"></i> <i id="remixRunPlus" class="fas fa-plus-circle ${css.icon}" aria-hidden="true" onclick=${this.newAccount.bind(this)}"></i>
</span> </span>
</div> </label>
<div class="${css.account}"> <div class="${css.account}">
<select name="txorigin" class="form-control ${css.select}" id="txorigin"></select> <select name="txorigin" class="form-control ${css.select}" id="txorigin"></select>
${copyToClipboard(() => document.querySelector('#runTabView #txorigin').value)} ${copyToClipboard(() => document.querySelector('#runTabView #txorigin').value)}
@ -106,14 +106,14 @@ class SettingsUI {
const gasPriceEl = yo` const gasPriceEl = yo`
<div class="${css.crow}"> <div class="${css.crow}">
<div class="${css.settingsLabel} form-control-label">Gas limit</div> <label class="${css.settingsLabel}">Gas limit</label>
<input type="number" class="form-control ${css.gasNval} ${css.col2}" id="gasLimit" value="3000000"> <input type="number" class="form-control ${css.gasNval} ${css.col2}" id="gasLimit" value="3000000">
</div> </div>
` `
const valueEl = yo` const valueEl = yo`
<div class="${css.crow}"> <div class="${css.crow}">
<div class="${css.settingsLabel} form-control-label">Value</div> <label class="${css.settingsLabel}">Value</label>
<div class="${css.gasValueContainer}"> <div class="${css.gasValueContainer}">
<input type="text" class="form-control ${css.gasNval} ${css.col2}" id="value" value="0" title="Enter the value and choose the unit"> <input type="text" class="form-control ${css.gasNval} ${css.col2}" id="value" value="0" title="Enter the value and choose the unit">
<select name="unit" class="form-control p-1 ${css.gasNvalUnit} ${css.col2_2}" id="unit"> <select name="unit" class="form-control p-1 ${css.gasNvalUnit} ${css.col2_2}" id="unit">

Loading…
Cancel
Save