diff --git a/web/cashtab/src/components/Common/EnhancedInputs.js b/web/cashtab/src/components/Common/EnhancedInputs.js
index a14010077..d5d7d6228 100644
--- a/web/cashtab/src/components/Common/EnhancedInputs.js
+++ b/web/cashtab/src/components/Common/EnhancedInputs.js
@@ -1,415 +1,418 @@
import * as React from 'react';
import PropTypes from 'prop-types';
import { Form, Input, Select } from 'antd';
import {
ThemedDollarOutlined,
ThemedWalletOutlined,
} from 'components/Common/CustomIcons';
import styled, { css } from 'styled-components';
import ScanQRCode from './ScanQRCode';
import useBCH from 'hooks/useBCH';
import { currency } from 'components/Common/Ticker.js';
const { TextArea } = Input;
export const AntdFormCss = css`
+ input[type='number'] {
+ -moz-appearance: textfield;
+ }
.ant-input-group-addon {
background-color: ${props =>
props.theme.forms.addonBackground} !important;
border: 1px solid ${props => props.theme.forms.border};
color: ${props => props.theme.forms.addonForeground} !important;
}
input.ant-input,
.ant-select-selection {
background-color: ${props =>
props.theme.forms.selectionBackground} !important;
box-shadow: none !important;
border-radius: 4px;
font-weight: bold;
color: ${props => props.theme.forms.text};
opacity: 1;
height: 45px;
}
textarea.ant-input,
.ant-select-selection {
background-color: ${props =>
props.theme.forms.selectionBackground} !important;
box-shadow: none !important;
border-radius: 4px;
font-weight: bold;
color: ${props => props.theme.forms.text};
opacity: 1;
height: 50px;
min-height: 100px;
}
.ant-input-affix-wrapper {
background-color: ${props =>
props.theme.forms.selectionBackground} !important;
border: 1px solid ${props => props.theme.forms.border} !important;
}
.ant-input-wrapper .anticon-qrcode {
color: ${props => props.theme.forms.addonForeground} !important;
}
input.ant-input::placeholder,
.ant-select-selection::placeholder {
color: ${props => props.theme.forms.placeholder} !important;
}
.ant-select-selector {
height: 55px !important;
border: 1px solid ${props => props.theme.forms.border} !important;
background-color: ${props =>
props.theme.forms.selectionBackground}!important;
}
.ant-form-item-has-error
> div
> div.ant-form-item-control-input
> div
> span
> span
> span.ant-input-affix-wrapper {
background-color: ${props => props.theme.forms.selectionBackground};
border-color: ${props => props.theme.forms.error} !important;
}
.ant-input:hover {
border-color: ${props => props.theme.forms.highlightBox};
}
.ant-form-item-has-error .ant-input,
.ant-form-item-has-error .ant-input-affix-wrapper,
.ant-form-item-has-error .ant-input:hover,
.ant-form-item-has-error .ant-input-affix-wrapper:hover {
background-color: ${props => props.theme.forms.selectionBackground};
border-color: ${props => props.theme.forms.error} !important;
}
.ant-form-item-has-error
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input)
.ant-select-selector {
background-color: ${props => props.theme.forms.selectionBackground};
border-color: ${props => props.theme.forms.error} !important;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
line-height: 55px;
text-align: left;
color: ${props => props.theme.forms.text};
font-weight: bold;
}
.ant-form-item-has-error .ant-input-group-addon {
color: ${props => props.theme.forms.error} !important;
border-color: ${props => props.theme.forms.error} !important;
}
.ant-form-item-explain.ant-form-item-explain-error {
color: ${props => props.theme.forms.error} !important;
}
.ant-input-suffix {
color: ${props => props.theme.lightWhite};
}
`;
export const AntdFormWrapper = styled.div`
${AntdFormCss}
`;
export const InputAddonText = styled.span`
width: 100%;
height: 100%;
display: block;
${props =>
props.disabled
? `
cursor: not-allowed;
`
: `cursor: pointer;`}
`;
export const InputNumberAddonText = styled.span`
background-color: ${props => props.theme.forms.addonBackground} !important;
border: 1px solid ${props => props.theme.forms.border};
color: ${props => props.theme.forms.addonForeground} !important;
height: 50px;
line-height: 47px;
* {
color: ${props => props.theme.forms.addonForeground} !important;
}
${props =>
props.disabled
? `
cursor: not-allowed;
`
: `cursor: pointer;`}
`;
export const SendBchInput = ({
onMax,
inputProps,
selectProps,
activeFiatCode,
...otherProps
}) => {
const { Option } = Select;
const currencies = [
{
value: currency.ticker,
label: currency.ticker,
},
{
value: activeFiatCode ? activeFiatCode : 'USD',
label: activeFiatCode ? activeFiatCode : 'USD',
},
];
const currencyOptions = currencies.map(currency => {
return (
);
});
const CurrencySelect = (
);
return (
You need at least 5.5 XEC ( $ NaN USD ) to create a token
You need at least 5.5 XEC ( $ NaN USD ) to create a token
You need at least 5.5 XEC ( $ NaN USD ) to create a token
You need at least 5.5 XEC ( $ NaN USD ) to create a token