diff options
author | Dan Miller <danjm.com@gmail.com> | 2018-10-11 03:37:40 +0800 |
---|---|---|
committer | Dan Miller <danjm.com@gmail.com> | 2018-12-04 11:36:05 +0800 |
commit | aa798cc54557f0740c3e9ab3f7bc85bccdc8abc3 (patch) | |
tree | a224220c3aa558125c34fd7e35d817e70b443375 /ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss | |
parent | cd32c58fb4bcd731d8a83d354c9b01a38c8df219 (diff) | |
download | tangerine-wallet-browser-aa798cc54557f0740c3e9ab3f7bc85bccdc8abc3.tar.gz tangerine-wallet-browser-aa798cc54557f0740c3e9ab3f7bc85bccdc8abc3.tar.zst tangerine-wallet-browser-aa798cc54557f0740c3e9ab3f7bc85bccdc8abc3.zip |
Add control arrows to advanced gas tab inputs.
Diffstat (limited to 'ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss')
-rw-r--r-- | ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss b/ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss index 0fc9f4578..69bb65f2f 100644 --- a/ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss +++ b/ui/app/components/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss @@ -119,6 +119,43 @@ margin-top: 7px; } + &__input-arrows { + position: absolute; + top: 7px; + right: 0px; + width: 17px; + height: 24px; + border: 1px solid #dadada; + border-top-right-radius: 4px; + display: flex; + flex-direction: column; + color: #9b9b9b; + font-size: .8em; + border-bottom-right-radius: 4px; + cursor: pointer; + + &__i-wrap { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + } + + &__i-wrap:hover { + background: #4EADE7; + color: $white; + } + + i:hover { + background: #4EADE7; + } + + i { + font-size: 10px; + } + } + + input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; |