search

whoisandy / react-rangeslider

A lightweight responsive react range slider component.A fast & lightweight react component as a drop in replacement for HTML5 input range slider element.
https://whoisandy.github.io/react-rangeslider/
MIT License
641 stars 235 forks source link

Tooltip #135

Open DanielWalendzewicz opened 5 years ago

DanielWalendzewicz commented 5 years ago

How can I change a color of full Tootlip ? I got something like this, but it doesn't fill full Tooltip.

.rangeslider__handle-tooltip { background: #f79651; }

anuragsr commented 3 years ago

You need to also style the border-top-color of the ::after psuedo element:

.rangeslider__handle-tooltip { background: #f79651; }
.rangeslider__handle-tooltip::after{ border-top-color: $acc; }