IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Slider: Fixes styling of marker dots (#52678)

Browse Source
This commit is contained in:
Torkel Ödegaard
2022-07-24 18:34:27 +02:00
committed by GitHub
parent 973be23908
commit f9d8b68543
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/grafana-ui/src/components/Slider/styles.ts
View File

@@ -48,10 +48,16 @@ export const getStyles = stylesFactory((theme: GrafanaTheme2, isHorizontal: bool
.rc-slider-handle:hover, .rc-slider-handle:hover,
.rc-slider-handle:active, .rc-slider-handle:active,
.rc-slider-handle:focus, .rc-slider-handle:focus,
.rc-slider-handle-click-focused:focus, .rc-slider-handle-click-focused:focus {
.rc-slider-dot-active {
${hoverSyle}; ${hoverSyle};
} }
.rc-slider-dot,
.rc-slider-dot-active {
background-color: ${theme.colors.text.primary};
border-color: ${theme.colors.text.primary};
}
.rc-slider-track { .rc-slider-track {
background-color: ${trackColor}; background-color: ${trackColor};
} }