Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[Visual Request] Suggestions for improving default slider styling in dash=4.0.0

Abierto
#3,611 5 comentarios 0 reacciones 1 asignado Ver en GitHub

@KoolADE85 ya está trabajando en esto.

Desde el 20/2/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

Hi!

First off, thank you for the great work on the redesigned Dash components - they look great overall! 🥳

While using the updated sliders, I noticed a few small visual details that might be worth reconsidering in the default styling. None of these are major issues, and we've been able to address them with custom CSS on our end, but I wanted to share the feedback in case it's helpful :)

1. Slider track and dot opacity

The current opacity applied to the slider track and dots makes them feel slightly visually disconnected. Removing the opacity (or assigning a different color) might help the elements feel more cohesive as a single component.

In our case, we worked around this by overriding the Dash CSS variable with a different color. However, it might be worth considering whether the default styling could achieve this more naturally.

Image
2. Dot alignment

The slider dots don’t appear to be perfectly center-aligned with the track when using dots=True- they look slightly offset on close inspection (see screenshot). We corrected this with custom CSS, but it may be worth adjusting in the default styles to ensure precise alignment.

Image
3. Start and end dot positioning

This one is more subjective, but it might look cleaner if the first and last dots were positioned exactly at the start and end of the track, rather than slightly inset.

Here the start and end point are positioned right at the edge of the track:
Image

Currently the start/end dot are positioned slightly inset:
Image

Would any of these adjustments be feasible in the default styling?

Thanks again for all your work on this - we really appreciate the improvements! 🫶

Best,
Li

Lenguaje dominante
Python
Estrellas
24.4k
Forks
2.3k
Merge medio
1 d 21 h
PR fusionados (30 d)
19

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de plotly/dash

Todos los issues de plotly/dash

Issues similares

Más issues de Python

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.