diff --git a/assets/style/style.css b/assets/style/style.css index dd70d3390..af6b2333a 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -3356,4 +3356,82 @@ select.form-control option { padding-right:17px; padding-top: 14px; padding-bottom: 14px; +} + +.sliderStyle .arrow { + display:none; +} + +.tooltip.sliderStyle { + top:-10px!important; +} + +.sliderStyle .tooltip-inner { + width: 30px; + height: 30px; + background-color: #ffffffb3; + border-radius: 25%; + color: #000; + font-weight: 500; +} + +.slider { + -webkit-appearance: none; + width: 100%; + height: 15px; + border-radius: 7.5px; + border-color: rgba(255, 255, 255, 0%); + background: rgba(255, 255, 255, 22%); + outline: none; + opacity: 0.7; + -webkit-transition: .2s; + transition: opacity .2s; +} + +.slider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 25px; + height: 25px; + border-radius: 50%; + background: #b988e1; + cursor: pointer; +} + +.slider::-moz-range-thumb { + width: 25px; + height: 25px; + border-radius: 50%; + background: #b988e1; + cursor: pointer; +} + +.sliderContainer { + position: relative; + width: 100%; + padding-left:12px; + padding-right:12px; +} + +.slider { + width: 100%; +} + +.sliderDisplay { + /*position: absolute; + top: 50%; + margin-left: 0px; + transform: translate(-50%, -50%); + margin-top: -6px; + z-index: 40; + pointer-events: none;*/ + + /*text-align: center;*/ + /*width: 2em;*/ +} + +@media (min-width:768px) { + .sliderDisplay { + display: none; + } } \ No newline at end of file diff --git a/index.template.html b/index.template.html index 90d056322..fa500d097 100644 --- a/index.template.html +++ b/index.template.html @@ -462,7 +462,7 @@


- PIVX + PIV
@@ -808,7 +808,7 @@

Staking
- 0 PIVX
+ 0 PIV
$- USD @@ -866,7 +866,7 @@

MAX

- PIVX + PIV @@ -910,7 +910,7 @@

MAX - PIVX + PIV @@ -1171,6 +1171,15 @@

Balance Decimals: (-) +
+ +
+
+ + +
+