1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-19 13:29:41 +02:00
portainer/app/react/components/form-components/Slider/Slider.module.css
Dakota Walsh 3654109332
fix(slider): update rc-slider [EE-5011] (#8611)
* fix(slider): update rc-slider [EE-5011]

* fix PasswordLengthSlider tooltip

* fix unnecessarily bulky className for SliderTooltip

* remove SliderTooltip inner div

* center slider handle value

* relative tooltip

* update z index

---------

Co-authored-by: testa113 <testa113>
2023-04-21 16:52:05 +12:00

40 lines
642 B
CSS

.root {
padding-top: 50px;
}
.root :global .rc-slider .rc-slider-handle-dragging {
@apply border-2 border-blue-8;
}
.root :global .rc-slider-dot {
display: none;
}
.root :global .rc-slider-handle {
@apply border-2 border-blue-8;
width: 24px;
height: 24px;
margin-top: -8px;
border-radius: 16px;
opacity: 1;
background-color: #ffffff;
}
.root :global .rc-slider-track {
@apply bg-blue-8;
height: 8px;
}
.root :global .rc-slider-rail {
height: 8px;
}
.root :global .rc-slider-mark {
top: -28px;
}
.root :global .rc-slider-mark-text {
font-size: 14px;
color: var(--text-body-color);
user-select: none;
}