m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Improve styling of advanced-tab-content gasInput row

Browse Source
This commit is contained in:
Dan Miller 2018-08-08 11:40:17 -02:30
parent 99c8804eeb
commit 57cd721800
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/advanced-tab-content.component.js
View File

@ -39,7 +39,7 @@ export default class AdvancedTabContent extends Component {
} }
infoButton (onClick) { infoButton (onClick) {
return <i className="fa info-circle" onClick={onClick} /> return <i className="fas fa-info-circle" onClick={onClick} />
} }
renderDataSummary (totalFee, millisecondsRemaining) { renderDataSummary (totalFee, millisecondsRemaining) {

10
ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss
View File

@ -67,9 +67,14 @@
color: $mid-gray; color: $mid-gray;
font-size: 16px; font-size: 16px;
.info-circle { .fa-info-circle {
color: $silver; color: $silver;
margin-left: 10px; margin-left: 10px;
cursor: pointer;
}
.fa-info-circle:hover {
color: $mid-gray;
} }
} }
@ -85,7 +90,8 @@
font-size: 16px; font-size: 16px;
height: 37px; height: 37px;
width: 163px; width: 163px;
padding: 8px 10px 10px 10px; padding-left: 8px;
padding-top: 2px;
} }
input[type="number"]::-webkit-inner-spin-button { input[type="number"]::-webkit-inner-spin-button {

4
ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/tests/advanced-tab-content-component.test.js
View File

@ -101,7 +101,7 @@ describe('AdvancedTabContent Component', function () {
const gasRowLabelChildren = gasEditRow.children().at(0).children() const gasRowLabelChildren = gasEditRow.children().at(0).children()
assert.equal(gasRowLabelChildren.length, 2) assert.equal(gasRowLabelChildren.length, 2)
assert(gasRowLabelChildren.at(0), 'mockLabelKey') assert(gasRowLabelChildren.at(0), 'mockLabelKey')
assert(gasRowLabelChildren.at(1).hasClass('info-circle')) assert(gasRowLabelChildren.at(1).hasClass('fa-info-circle'))
}) })
it('should call this.gasInput with the correct args', () => { it('should call this.gasInput with the correct args', () => {
@ -155,7 +155,7 @@ describe('AdvancedTabContent Component', function () {
}) })
it('should render the i element', () => { it('should render the i element', () => {
assert(infoButton.hasClass('info-circle')) assert(infoButton.hasClass('fa-info-circle'))
}) })
it('should pass the onClick argument to the i tag onClick prop', () => { it('should pass the onClick argument to the i tag onClick prop', () => {