diff options
| author | Dan Finlay <dan@danfinlay.com> | 2018-03-07 06:59:09 +0800 |
|---|---|---|
| committer | Dan Finlay <dan@danfinlay.com> | 2018-03-07 06:59:09 +0800 |
| commit | 423f084cb47d84e2e9063a6567454f83592f424b (patch) | |
| tree | bc2f3040cd76765fa27bbfc0e3913cf5e466c063 /ui/app/css/itcss/components/gas-slider.scss | |
| parent | 8ba64c657ff801425c06db166e2c9a06289047de (diff) | |
| parent | 303801d2768a264a27a51916e5debf778739ee0c (diff) | |
| download | tangerine-wallet-browser-423f084cb47d84e2e9063a6567454f83592f424b.tar.gz tangerine-wallet-browser-423f084cb47d84e2e9063a6567454f83592f424b.tar.zst tangerine-wallet-browser-423f084cb47d84e2e9063a6567454f83592f424b.zip | |
Merge branch 'master' into i3076-UseStorageLocalInstead
Diffstat (limited to 'ui/app/css/itcss/components/gas-slider.scss')
| -rw-r--r-- | ui/app/css/itcss/components/gas-slider.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/gas-slider.scss b/ui/app/css/itcss/components/gas-slider.scss new file mode 100644 index 000000000..c27a560bd --- /dev/null +++ b/ui/app/css/itcss/components/gas-slider.scss @@ -0,0 +1,51 @@ +.gas-slider { + position: relative; + width: 313px; + + &__input { + width: 317px; + margin-left: -2px; + z-index: 2; + } + + input[type=range] { + -webkit-appearance: none !important; + } + + input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none !important; + height: 26px; + width: 26px; + border: 2px solid #B8B8B8; + background-color: #FFFFFF; + box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08); + border-radius: 50%; + position: relative; + z-index: 10; + } + + &__bar { + height: 6px; + width: 313px; + background: $alto; + display: flex; + justify-content: space-between; + position: absolute; + top: 11px; + z-index: 0; + } + + &__low, &__high { + height: 6px; + width: 49px; + z-index: 1; + } + + &__low { + background-color: $crimson; + } + + &__high { + background-color: $caribbean-green; + } +}
\ No newline at end of file |