diff options
| author | Alexander Tseung <alextsg@gmail.com> | 2017-10-26 09:23:46 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-26 09:44:24 +0800 |
| commit | 22d9e3a7e6dfd21b3ea52007030d71f53e29b851 (patch) | |
| tree | 70cf675df91d5fe05185a99b72cb4edf44b5ba9a /ui/app/css | |
| parent | fa95303e1efef03db6c44878b89ccca680639598 (diff) | |
| download | tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.tar tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.tar.gz tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.tar.bz2 tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.tar.lz tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.tar.xz tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.tar.zst tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.zip | |
Allow editing account name in account details modal
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/editable-label.scss | 34 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/index.scss | 2 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/modal.scss | 5 |
3 files changed, 41 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/editable-label.scss b/ui/app/css/itcss/components/editable-label.scss new file mode 100644 index 000000000..13570610c --- /dev/null +++ b/ui/app/css/itcss/components/editable-label.scss @@ -0,0 +1,34 @@ +.editable-label { + display: flex; + align-items: center; + justify-content: center; + position: relative; + + &__value { + max-width: 250px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + &__input { + width: 250px; + font-size: 14px; + text-align: center; + + &--error { + border: 1px solid $monzo; + } + } + + &__icon-wrapper { + position: absolute; + margin-left: 10px; + left: 100%; + } + + &__icon { + cursor: pointer; + color: $dusty-gray; + } +} diff --git a/ui/app/css/itcss/components/index.scss b/ui/app/css/itcss/components/index.scss index 03c59cacf..4ba02be67 100644 --- a/ui/app/css/itcss/components/index.scss +++ b/ui/app/css/itcss/components/index.scss @@ -47,3 +47,5 @@ @import './request-signature.scss'; @import './account-dropdown-mini.scss'; + +@import './editable-label.scss'; diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss index cd1039d0a..b69bd5c7e 100644 --- a/ui/app/css/itcss/components/modal.scss +++ b/ui/app/css/itcss/components/modal.scss @@ -294,6 +294,11 @@ font-size: 18px; } +.account-modal__name { + margin-top: 9px; + font-size: 20px; +} + .private-key-password { display: flex; flex-direction: column; |