diff --git a/src/Form/Input/input.css b/src/Form/Input/input.css index 4ad7506..4a6b9eb 100644 --- a/src/Form/Input/input.css +++ b/src/Form/Input/input.css @@ -25,7 +25,13 @@ } .input { + opacity: 1 !important; + position: relative; + + input[disabled], input[readonly] { + border-color: transparent !important; cursor: text; + opacity: 0.5; } } diff --git a/src/Form/InputAddress/inputAddress.css b/src/Form/InputAddress/inputAddress.css index a3fccca..f232aa6 100644 --- a/src/Form/InputAddress/inputAddress.css +++ b/src/Form/InputAddress/inputAddress.css @@ -21,7 +21,7 @@ [data-address-img] { position: absolute; - top: -7px; + bottom: 0; left: 8px; } } @@ -52,11 +52,7 @@ .icon, .iconDisabled { position: absolute; - top: 33px; - - &.noLabel { - top: 10px; - } + bottom: 4px; &.noCopy { left: 5px; diff --git a/src/Form/InputAddress/inputAddress.js b/src/Form/InputAddress/inputAddress.js index a7f3861..b2d2f3b 100644 --- a/src/Form/InputAddress/inputAddress.js +++ b/src/Form/InputAddress/inputAddress.js @@ -71,11 +71,8 @@ class InputAddress extends Component { ? 'null' : null; - // FIXME: The is not advisable, fixes the display issue, however the name should come from - // a common component. - // account.name || (value ? 'UNNAMED' : value) const displayValue = text && account - ? (account.name || (value ? 'UNNAMED' : value)) + ? (account.name || value) : (nullName || value); if (small) {