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

Improve styling of advanced-tab-content gasInput row

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

View File

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

View File

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

View File

@ -101,7 +101,7 @@ describe('AdvancedTabContent Component', function () {
const gasRowLabelChildren = gasEditRow.children().at(0).children()
assert.equal(gasRowLabelChildren.length, 2)
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', () => {
@ -155,7 +155,7 @@ describe('AdvancedTabContent Component', function () {
})
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', () => {