mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Remove unused modals (#7184)
These modals were no longer referenced anywhere.
This commit is contained in:
Mark Stacey
GitHub
parent
8a08b320e5
commit
638149d861
@ -1,101 +0,0 @@
|
|||||||
const Component = require('react').Component
|
|
||||||
const PropTypes = require('prop-types')
|
|
||||||
const h = require('react-hyperscript')
|
|
||||||
const inherits = require('util').inherits
|
|
||||||
const connect = require('react-redux').connect
|
|
||||||
const actions = require('../../../store/actions')
|
|
||||||
const { getNetworkDisplayName } = require('../../../../../app/scripts/controllers/network/util')
|
|
||||||
|
|
||||||
function mapStateToProps (state) {
|
|
||||||
return {
|
|
||||||
network: state.metamask.network,
|
|
||||||
address: state.metamask.selectedAddress,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function mapDispatchToProps (dispatch) {
|
|
||||||
return {
|
|
||||||
toCoinbase: (address) => {
|
|
||||||
dispatch(actions.buyEth({ network: '1', address, amount: 0 }))
|
|
||||||
},
|
|
||||||
hideModal: () => {
|
|
||||||
dispatch(actions.hideModal())
|
|
||||||
},
|
|
||||||
showAccountDetailModal: () => {
|
|
||||||
dispatch(actions.showModal({ name: 'ACCOUNT_DETAILS' }))
|
|
||||||
},
|
|
||||||
toFaucet: network => dispatch(actions.buyEth({ network })),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
inherits(BuyOptions, Component)
|
|
||||||
function BuyOptions () {
|
|
||||||
Component.call(this)
|
|
||||||
}
|
|
||||||
|
|
||||||
BuyOptions.contextTypes = {
|
|
||||||
t: PropTypes.func,
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = connect(mapStateToProps, mapDispatchToProps)(BuyOptions)
|
|
||||||
|
|
||||||
|
|
||||||
BuyOptions.prototype.renderModalContentOption = function (title, header, onClick) {
|
|
||||||
return h('div.buy-modal-content-option', {
|
|
||||||
onClick,
|
|
||||||
}, [
|
|
||||||
h('div.buy-modal-content-option-title', {}, title),
|
|
||||||
h('div.buy-modal-content-option-subtitle', {}, header),
|
|
||||||
])
|
|
||||||
}
|
|
||||||
|
|
||||||
BuyOptions.prototype.render = function () {
|
|
||||||
const { network, toCoinbase, address, toFaucet } = this.props
|
|
||||||
const isTestNetwork = ['3', '4', '42'].find(n => n === network)
|
|
||||||
const networkName = getNetworkDisplayName(network)
|
|
||||||
|
|
||||||
return h('div', {}, [
|
|
||||||
h('div.buy-modal-content.transfers-subview', {
|
|
||||||
}, [
|
|
||||||
h('div.buy-modal-content-title-wrapper.flex-column.flex-center', {
|
|
||||||
style: {},
|
|
||||||
}, [
|
|
||||||
h('div.buy-modal-content-title', {
|
|
||||||
style: {},
|
|
||||||
}, this.context.t('transfers')),
|
|
||||||
h('div', {}, this.context.t('howToDeposit')),
|
|
||||||
]),
|
|
||||||
|
|
||||||
h('div.buy-modal-content-options.flex-column.flex-center', {}, [
|
|
||||||
|
|
||||||
isTestNetwork
|
|
||||||
? this.renderModalContentOption(networkName, this.context.t('testFaucet'), () => toFaucet(network))
|
|
||||||
: this.renderModalContentOption('Coinbase', this.context.t('depositFiat'), () => toCoinbase(address)),
|
|
||||||
|
|
||||||
// h('div.buy-modal-content-option', {}, [
|
|
||||||
// h('div.buy-modal-content-option-title', {}, 'Shapeshift'),
|
|
||||||
// h('div.buy-modal-content-option-subtitle', {}, 'Trade any digital asset for any other'),
|
|
||||||
// ]),,
|
|
||||||
|
|
||||||
this.renderModalContentOption(
|
|
||||||
this.context.t('directDeposit'),
|
|
||||||
this.context.t('depositFromAccount'),
|
|
||||||
() => this.goToAccountDetailsModal()
|
|
||||||
),
|
|
||||||
|
|
||||||
]),
|
|
||||||
|
|
||||||
h('button', {
|
|
||||||
style: {
|
|
||||||
background: 'white',
|
|
||||||
},
|
|
||||||
onClick: () => { this.props.hideModal() },
|
|
||||||
}, h('div.buy-modal-content-footer#buy-modal-content-footer-text', {}, this.context.t('cancel'))),
|
|
||||||
]),
|
|
||||||
])
|
|
||||||
}
|
|
||||||
|
|
||||||
BuyOptions.prototype.goToAccountDetailsModal = function () {
|
|
||||||
this.props.hideModal()
|
|
||||||
this.props.showAccountDetailModal()
|
|
||||||
}
|
|
||||||
@ -1,83 +0,0 @@
|
|||||||
const Component = require('react').Component
|
|
||||||
const PropTypes = require('prop-types')
|
|
||||||
const h = require('react-hyperscript')
|
|
||||||
const inherits = require('util').inherits
|
|
||||||
const connect = require('react-redux').connect
|
|
||||||
const actions = require('../../../store/actions')
|
|
||||||
const { getSelectedAccount } = require('../../../selectors/selectors')
|
|
||||||
|
|
||||||
function mapStateToProps (state) {
|
|
||||||
return {
|
|
||||||
selectedAccount: getSelectedAccount(state),
|
|
||||||
identity: state.appState.modal.modalState.props.identity,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function mapDispatchToProps (dispatch) {
|
|
||||||
return {
|
|
||||||
hideModal: () => {
|
|
||||||
dispatch(actions.hideModal())
|
|
||||||
},
|
|
||||||
setAccountLabel: (account, label) => {
|
|
||||||
dispatch(actions.setAccountLabel(account, label))
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
inherits(EditAccountNameModal, Component)
|
|
||||||
function EditAccountNameModal (props) {
|
|
||||||
Component.call(this)
|
|
||||||
|
|
||||||
this.state = {
|
|
||||||
inputText: props.identity.name,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
EditAccountNameModal.contextTypes = {
|
|
||||||
t: PropTypes.func,
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = connect(mapStateToProps, mapDispatchToProps)(EditAccountNameModal)
|
|
||||||
|
|
||||||
|
|
||||||
EditAccountNameModal.prototype.render = function () {
|
|
||||||
const { hideModal, setAccountLabel, identity } = this.props
|
|
||||||
|
|
||||||
return h('div', {}, [
|
|
||||||
h('div.flex-column.edit-account-name-modal-content', {
|
|
||||||
}, [
|
|
||||||
|
|
||||||
h('div.edit-account-name-modal-cancel', {
|
|
||||||
onClick: () => {
|
|
||||||
hideModal()
|
|
||||||
},
|
|
||||||
}, [
|
|
||||||
h('i.fa.fa-times'),
|
|
||||||
]),
|
|
||||||
|
|
||||||
h('div.edit-account-name-modal-title', {
|
|
||||||
}, [this.context.t('editAccountName')]),
|
|
||||||
|
|
||||||
h('input.edit-account-name-modal-input', {
|
|
||||||
placeholder: identity.name,
|
|
||||||
onChange: (event) => {
|
|
||||||
this.setState({ inputText: event.target.value })
|
|
||||||
},
|
|
||||||
value: this.state.inputText,
|
|
||||||
}, []),
|
|
||||||
|
|
||||||
h('button.button.btn-secondary.edit-account-name-modal-save-button.allcaps', {
|
|
||||||
onClick: () => {
|
|
||||||
if (this.state.inputText.length !== 0) {
|
|
||||||
setAccountLabel(identity.address, this.state.inputText)
|
|
||||||
hideModal()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
disabled: this.state.inputText.length === 0,
|
|
||||||
}, [
|
|
||||||
this.context.t('save'),
|
|
||||||
]),
|
|
||||||
|
|
||||||
]),
|
|
||||||
])
|
|
||||||
}
|
|
||||||
@ -10,12 +10,9 @@ const { getEnvironmentType } = require('../../../../../app/scripts/lib/util')
|
|||||||
const { ENVIRONMENT_TYPE_POPUP } = require('../../../../../app/scripts/lib/enums')
|
const { ENVIRONMENT_TYPE_POPUP } = require('../../../../../app/scripts/lib/enums')
|
||||||
|
|
||||||
// Modal Components
|
// Modal Components
|
||||||
const BuyOptions = require('./buy-options-modal')
|
|
||||||
const DepositEtherModal = require('./deposit-ether-modal')
|
const DepositEtherModal = require('./deposit-ether-modal')
|
||||||
import AccountDetailsModal from './account-details-modal'
|
import AccountDetailsModal from './account-details-modal'
|
||||||
const EditAccountNameModal = require('./edit-account-name-modal')
|
|
||||||
const ExportPrivateKeyModal = require('./export-private-key-modal')
|
const ExportPrivateKeyModal = require('./export-private-key-modal')
|
||||||
const NewAccountModal = require('./new-account-modal')
|
|
||||||
const HideTokenConfirmationModal = require('./hide-token-confirmation-modal')
|
const HideTokenConfirmationModal = require('./hide-token-confirmation-modal')
|
||||||
const NotifcationModal = require('./notification-modal')
|
const NotifcationModal = require('./notification-modal')
|
||||||
const QRScanner = require('./qr-scanner')
|
const QRScanner = require('./qr-scanner')
|
||||||
@ -81,32 +78,6 @@ const accountModalStyle = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const MODALS = {
|
const MODALS = {
|
||||||
BUY: {
|
|
||||||
contents: [
|
|
||||||
h(BuyOptions, {}, []),
|
|
||||||
],
|
|
||||||
mobileModalStyle: {
|
|
||||||
width: '95%',
|
|
||||||
// top: isPopupOrNotification() === 'popup' ? '48vh' : '36.5vh',
|
|
||||||
transform: 'none',
|
|
||||||
left: '0',
|
|
||||||
right: '0',
|
|
||||||
margin: '0 auto',
|
|
||||||
boxShadow: '0 0 7px 0 rgba(0,0,0,0.08)',
|
|
||||||
top: '10%',
|
|
||||||
},
|
|
||||||
laptopModalStyle: {
|
|
||||||
width: '66%',
|
|
||||||
maxWidth: '550px',
|
|
||||||
top: 'calc(10% + 10px)',
|
|
||||||
left: '0',
|
|
||||||
right: '0',
|
|
||||||
margin: '0 auto',
|
|
||||||
boxShadow: '0 0 7px 0 rgba(0,0,0,0.08)',
|
|
||||||
transform: 'none',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
DEPOSIT_ETHER: {
|
DEPOSIT_ETHER: {
|
||||||
contents: [
|
contents: [
|
||||||
h(DepositEtherModal, {}, []),
|
h(DepositEtherModal, {}, []),
|
||||||
@ -142,32 +113,6 @@ const MODALS = {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
EDIT_ACCOUNT_NAME: {
|
|
||||||
contents: [
|
|
||||||
h(EditAccountNameModal, {}, []),
|
|
||||||
],
|
|
||||||
mobileModalStyle: {
|
|
||||||
width: '95%',
|
|
||||||
// top: isPopupOrNotification() === 'popup' ? '48vh' : '36.5vh',
|
|
||||||
top: '10%',
|
|
||||||
boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
|
|
||||||
transform: 'none',
|
|
||||||
left: '0',
|
|
||||||
right: '0',
|
|
||||||
margin: '0 auto',
|
|
||||||
},
|
|
||||||
laptopModalStyle: {
|
|
||||||
width: '375px',
|
|
||||||
// top: 'calc(30% + 10px)',
|
|
||||||
top: '10%',
|
|
||||||
boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
|
|
||||||
transform: 'none',
|
|
||||||
left: '0',
|
|
||||||
right: '0',
|
|
||||||
margin: '0 auto',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
ADD_TO_ADDRESSBOOK: {
|
ADD_TO_ADDRESSBOOK: {
|
||||||
contents: [
|
contents: [
|
||||||
h(AddToAddressBookModal, {}, []),
|
h(AddToAddressBookModal, {}, []),
|
||||||
@ -255,23 +200,6 @@ const MODALS = {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
OLD_UI_NOTIFICATION_MODAL: {
|
|
||||||
contents: [
|
|
||||||
h(NotifcationModal, {
|
|
||||||
header: 'oldUI',
|
|
||||||
message: 'oldUIMessage',
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
mobileModalStyle: {
|
|
||||||
width: '95%',
|
|
||||||
top: getEnvironmentType(window.location.href) === ENVIRONMENT_TYPE_POPUP ? '52vh' : '36.5vh',
|
|
||||||
},
|
|
||||||
laptopModalStyle: {
|
|
||||||
width: '449px',
|
|
||||||
top: 'calc(33% + 45px)',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
GAS_PRICE_INFO_MODAL: {
|
GAS_PRICE_INFO_MODAL: {
|
||||||
contents: [
|
contents: [
|
||||||
h(NotifcationModal, {
|
h(NotifcationModal, {
|
||||||
@ -345,30 +273,6 @@ const MODALS = {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
NEW_ACCOUNT: {
|
|
||||||
contents: [
|
|
||||||
h(NewAccountModal, {}, []),
|
|
||||||
],
|
|
||||||
mobileModalStyle: {
|
|
||||||
width: '95%',
|
|
||||||
// top: isPopupOrNotification() === 'popup' ? '52vh' : '36.5vh',
|
|
||||||
top: '10%',
|
|
||||||
transform: 'none',
|
|
||||||
left: '0',
|
|
||||||
right: '0',
|
|
||||||
margin: '0 auto',
|
|
||||||
},
|
|
||||||
laptopModalStyle: {
|
|
||||||
width: '449px',
|
|
||||||
// top: 'calc(33% + 45px)',
|
|
||||||
top: '10%',
|
|
||||||
transform: 'none',
|
|
||||||
left: '0',
|
|
||||||
right: '0',
|
|
||||||
margin: '0 auto',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
CUSTOMIZE_GAS: {
|
CUSTOMIZE_GAS: {
|
||||||
contents: [
|
contents: [
|
||||||
h(ConfirmCustomizeGasModal),
|
h(ConfirmCustomizeGasModal),
|
||||||
|
|||||||
@ -1,112 +0,0 @@
|
|||||||
const { Component } = require('react')
|
|
||||||
const PropTypes = require('prop-types')
|
|
||||||
const h = require('react-hyperscript')
|
|
||||||
const connect = require('react-redux').connect
|
|
||||||
const actions = require('../../../store/actions')
|
|
||||||
|
|
||||||
class NewAccountModal extends Component {
|
|
||||||
constructor (props) {
|
|
||||||
super(props)
|
|
||||||
const { numberOfExistingAccounts = 0 } = props
|
|
||||||
const newAccountNumber = numberOfExistingAccounts + 1
|
|
||||||
|
|
||||||
this.state = {
|
|
||||||
newAccountName: `${this.context.t('account')} ${newAccountNumber}`,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
const { newAccountName } = this.state
|
|
||||||
|
|
||||||
return h('div', [
|
|
||||||
h('div.new-account-modal-wrapper', {
|
|
||||||
}, [
|
|
||||||
h('div.new-account-modal-header', {}, [
|
|
||||||
this.context.t('newAccount'),
|
|
||||||
]),
|
|
||||||
|
|
||||||
h('div.modal-close-x', {
|
|
||||||
onClick: this.props.hideModal,
|
|
||||||
}),
|
|
||||||
|
|
||||||
h('div.new-account-modal-content', {}, [
|
|
||||||
this.context.t('accountName'),
|
|
||||||
]),
|
|
||||||
|
|
||||||
h('div.new-account-input-wrapper', {}, [
|
|
||||||
h('input.new-account-input', {
|
|
||||||
value: this.state.newAccountName,
|
|
||||||
placeholder: this.context.t('sampleAccountName'),
|
|
||||||
onChange: event => this.setState({ newAccountName: event.target.value }),
|
|
||||||
}, []),
|
|
||||||
]),
|
|
||||||
|
|
||||||
h('div.new-account-modal-content.after-input', {}, [
|
|
||||||
this.context.t('or'),
|
|
||||||
]),
|
|
||||||
|
|
||||||
h('div.new-account-modal-content.after-input.pointer', {
|
|
||||||
onClick: () => {
|
|
||||||
this.props.hideModal()
|
|
||||||
this.props.showImportPage()
|
|
||||||
},
|
|
||||||
}, this.context.t('importAnAccount')),
|
|
||||||
|
|
||||||
h('div.new-account-modal-content.button.allcaps', {}, [
|
|
||||||
h('button.btn-clear', {
|
|
||||||
onClick: () => this.props.createAccount(newAccountName),
|
|
||||||
}, [
|
|
||||||
this.context.t('save'),
|
|
||||||
]),
|
|
||||||
]),
|
|
||||||
]),
|
|
||||||
])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
NewAccountModal.propTypes = {
|
|
||||||
hideModal: PropTypes.func,
|
|
||||||
showImportPage: PropTypes.func,
|
|
||||||
createAccount: PropTypes.func,
|
|
||||||
numberOfExistingAccounts: PropTypes.number,
|
|
||||||
t: PropTypes.func,
|
|
||||||
}
|
|
||||||
|
|
||||||
const mapStateToProps = state => {
|
|
||||||
const { metamask: { network, selectedAddress, identities = {} } } = state
|
|
||||||
const numberOfExistingAccounts = Object.keys(identities).length
|
|
||||||
|
|
||||||
return {
|
|
||||||
network,
|
|
||||||
address: selectedAddress,
|
|
||||||
numberOfExistingAccounts,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const mapDispatchToProps = dispatch => {
|
|
||||||
return {
|
|
||||||
toCoinbase: (address) => {
|
|
||||||
dispatch(actions.buyEth({ network: '1', address, amount: 0 }))
|
|
||||||
},
|
|
||||||
hideModal: () => {
|
|
||||||
dispatch(actions.hideModal())
|
|
||||||
},
|
|
||||||
createAccount: (newAccountName) => {
|
|
||||||
dispatch(actions.addNewAccount())
|
|
||||||
.then((newAccountAddress) => {
|
|
||||||
if (newAccountName) {
|
|
||||||
dispatch(actions.setAccountLabel(newAccountAddress, newAccountName))
|
|
||||||
}
|
|
||||||
dispatch(actions.hideModal())
|
|
||||||
})
|
|
||||||
},
|
|
||||||
showImportPage: () => dispatch(actions.showImportPage()),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
NewAccountModal.contextTypes = {
|
|
||||||
t: PropTypes.func,
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = connect(mapStateToProps, mapDispatchToProps)(NewAccountModal)
|
|
||||||
|
|
||||||
@ -2,189 +2,6 @@
|
|||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Buy Modal
|
|
||||||
.buy-modal-content {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
font-family: Roboto;
|
|
||||||
padding: 0 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-modal-content-option {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #5B5D67;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qr-ellip-address, .ellip-address {
|
|
||||||
/*rtl:ignore*/
|
|
||||||
direction: ltr;
|
|
||||||
width: 247px;
|
|
||||||
border: none;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 575px) {
|
|
||||||
.buy-modal-content-title-wrapper {
|
|
||||||
justify-content: space-around;
|
|
||||||
width: 100%;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-modal-content-title {
|
|
||||||
font-size: 26px;
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-modal-content-options {
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 5% 33%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-modal-content-footer {
|
|
||||||
text-transform: uppercase;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.buy-modal-content-option {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 80vw;
|
|
||||||
height: 15vh;
|
|
||||||
margin: 10px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 6px;
|
|
||||||
border: 1px solid $black;
|
|
||||||
padding: 0% 7%;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
div.buy-modal-content-option-title {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.buy-modal-content-option-subtitle {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 576px) {
|
|
||||||
.buy-modal-content-title-wrapper {
|
|
||||||
justify-content: space-around;
|
|
||||||
width: 100%;
|
|
||||||
height: 110px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-modal-content-title {
|
|
||||||
font-size: 26px;
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-modal-content-footer {
|
|
||||||
text-transform: uppercase;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-modal-content-options {
|
|
||||||
flex-direction: row;
|
|
||||||
margin: 20px 0 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.buy-modal-content-option {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 20vw;
|
|
||||||
height: 120px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 6px;
|
|
||||||
border: 1px solid $black;
|
|
||||||
margin: 0 8px;
|
|
||||||
padding: 18px 0;
|
|
||||||
|
|
||||||
div.buy-modal-content-option-title {
|
|
||||||
font-size: 20px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
|
|
||||||
@media screen and (max-width: 679px) {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1281px) {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.buy-modal-content-option-subtitle {
|
|
||||||
font-size: 16px;
|
|
||||||
padding: 0 10px;
|
|
||||||
height: 25%;
|
|
||||||
|
|
||||||
@media screen and (max-width: 679px) {
|
|
||||||
font-size: 10px;
|
|
||||||
padding: 0 10px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
line-height: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 680px) {
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 0 4px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1281px) {
|
|
||||||
font-size: 16px;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.buy-modal-content-footer {
|
|
||||||
margin-top: 8vh;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Edit Account Name Modal
|
|
||||||
.edit-account-name-modal-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-account-name-modal-cancel {
|
|
||||||
position: absolute;
|
|
||||||
top: 12px;
|
|
||||||
right: 20px;
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-account-name-modal-title {
|
|
||||||
margin: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-account-name-modal-save-button {
|
|
||||||
width: 33%;
|
|
||||||
height: 45px;
|
|
||||||
margin: 15px;
|
|
||||||
font-weight: 700;
|
|
||||||
margin-top: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-account-name-modal-input {
|
|
||||||
width: 90%;
|
|
||||||
height: 50px;
|
|
||||||
text-align: left;
|
|
||||||
margin: 10px;
|
|
||||||
padding: 10px;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Account Modal Container
|
// Account Modal Container
|
||||||
.account-modal-container {
|
.account-modal-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -372,30 +189,6 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// New Account Modal
|
|
||||||
.new-account-modal-wrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
border: 1px solid $alto;
|
|
||||||
box-shadow: 0 0 2px 2px $alto;
|
|
||||||
font-family: Roboto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-modal-header {
|
|
||||||
background: $wild-sand;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 30px;
|
|
||||||
font-size: 22px;
|
|
||||||
color: $nile-blue;
|
|
||||||
height: 79px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-close-x::after {
|
.modal-close-x::after {
|
||||||
content: '\00D7';
|
content: '\00D7';
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
@ -407,81 +200,6 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-account-modal-content {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
margin-top: 15px;
|
|
||||||
font-size: 17px;
|
|
||||||
color: $nile-blue;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-modal-content.after-input {
|
|
||||||
margin-top: 15px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-input-wrapper {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
justify-content: center;
|
|
||||||
padding-bottom: 2px;
|
|
||||||
margin-top: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-input {
|
|
||||||
padding: 15px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 1px solid $alto;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 1em;
|
|
||||||
color: $dusty-gray;
|
|
||||||
font-family: Roboto;
|
|
||||||
font-size: 17px;
|
|
||||||
margin: 0 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// For reference on below placeholder selectors: https://stackoverflow.com/questions/2610497/change-an-html5-inputs-placeholder-color-with-css
|
|
||||||
.new-account-input::-webkit-input-placeholder {
|
|
||||||
color: $dusty-gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-input:-moz-placeholder {
|
|
||||||
color: $dusty-gray;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-input::-moz-placeholder {
|
|
||||||
color: $dusty-gray;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-input:-ms-input-placeholder {
|
|
||||||
color: $dusty-gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-input::-ms-input-placeholder {
|
|
||||||
color: $dusty-gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-modal-content.button {
|
|
||||||
margin-top: 22px;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
width: 113px;
|
|
||||||
height: 44px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-account-modal-wrapper .btn-clear {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 700;
|
|
||||||
background: $white;
|
|
||||||
border: 1px solid;
|
|
||||||
border-radius: 2px;
|
|
||||||
color: $tundora;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide token confirmation
|
// Hide token confirmation
|
||||||
|
|
||||||
.hide-token-confirmation {
|
.hide-token-confirmation {
|
||||||
|
|||||||
@ -59,14 +59,3 @@
|
|||||||
i.fa.fa-question-circle.fa-lg.menu-icon {
|
i.fa.fa-question-circle.fa-lg.menu-icon {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// This text is contained inside a div.
|
|
||||||
// ID needed to override user agent stylesheet.
|
|
||||||
// See components/modal.scss
|
|
||||||
|
|
||||||
/* stylelint-disable */
|
|
||||||
#buy-modal-content-footer-text {
|
|
||||||
font-family: 'DIN OT';
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
/* stylelint-enable */
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user