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/itcss/components/editable-label.scss | |
parent | fa95303e1efef03db6c44878b89ccca680639598 (diff) | |
download | tangerine-wallet-browser-22d9e3a7e6dfd21b3ea52007030d71f53e29b851.tar.gz 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/itcss/components/editable-label.scss')
-rw-r--r-- | ui/app/css/itcss/components/editable-label.scss | 34 |
1 files changed, 34 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; + } +} |