MyCrypto/common/components/TXMetaDataPanel/TXMetaDataPanel.scss

@import 'common/sass/variables';

.Gas {
  &-toggle {
    display: inline-block;
    position: relative;
    margin-top: $space-sm;
    left: -8px;
  }
}

.Calculating-limit {
  color: rgba(51, 51, 51, 0.7);
  display: flex;
  align-items: center;
  font-weight: 400;
  opacity: 0;
  pointer-events: none;

  &.active {
    opacity: 1;
  }
  .Spinner {
    margin-left: 8px;
  }
}
Improve Gas Price UX (Part 2) (#850) * Remove gas dropdown & Add gas sliders * Update styles * Revert changes made to requestpayment.tsx * Update style & add custom labels to GasLimitField * Update styles * Update confirm transaction modal * Revert "Update confirm transaction modal" This reverts commit 743c9a505fe070feb55f7af550ad918a3d8899d1. * Add transaction fee to tx confirmation modal * Update styles * Remove old gasPriceDropdown files & use network units in tx fee * Add option to lock gaslimit data * fix tslint errors * Rename lockData to readOnly * Add option to check if validAmount before generating transaction * Add nonce field if gas slider is readonly * Automatically set nonce in <Send/> * Update snapshot * Move getNonceRequested to GasSlider component * Add optional to check value for isValidAmount selector * Add selector for transaction fee * Update GasSlider component & Rename to Gas * update snapshots * Fix subtabs className * Update styles * Remove dataField on contract interact * rename <Gas/> to <TXMetaDataPanel/> 2018-01-24 22:43:27 -05:00			`@import 'common/sass/variables';`

			`.Gas {`
			`&-toggle {`
			`display: inline-block;`
			`position: relative;`
			`margin-top: $space-sm;`
			`left: -8px;`
			`}`
			`}`

			`.Calculating-limit {`
			`color: rgba(51, 51, 51, 0.7);`
			`display: flex;`
Add nonce loading indicator & refresh button (#1021) * Add InlineSpinner component * Add 'what-input' module * Add input style overrides * Add new refresh icon * Update footer styles * Add nonce refresh button & loading indicator * Center InlineSpinner * Add types * Lock version * prettify package.json * prettify package.json 2018-02-08 12:51:15 -05:00			`align-items: center;`
Improve Gas Price UX (Part 2) (#850) * Remove gas dropdown & Add gas sliders * Update styles * Revert changes made to requestpayment.tsx * Update style & add custom labels to GasLimitField * Update styles * Update confirm transaction modal * Revert "Update confirm transaction modal" This reverts commit 743c9a505fe070feb55f7af550ad918a3d8899d1. * Add transaction fee to tx confirmation modal * Update styles * Remove old gasPriceDropdown files & use network units in tx fee * Add option to lock gaslimit data * fix tslint errors * Rename lockData to readOnly * Add option to check if validAmount before generating transaction * Add nonce field if gas slider is readonly * Automatically set nonce in <Send/> * Update snapshot * Move getNonceRequested to GasSlider component * Add optional to check value for isValidAmount selector * Add selector for transaction fee * Update GasSlider component & Rename to Gas * update snapshots * Fix subtabs className * Update styles * Remove dataField on contract interact * rename <Gas/> to <TXMetaDataPanel/> 2018-01-24 22:43:27 -05:00			`font-weight: 400;`
			`opacity: 0;`
			`pointer-events: none;`

			`&.active {`
			`opacity: 1;`
			`}`
			`.Spinner {`
			`margin-left: 8px;`
			`}`
			`}`