Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta
#3,611 5 commenti 0 reazioni 1 assegnatario Vedi su GitHub

@KoolADE85 ci sta già lavorando.

Dal 20/2/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

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

Lingua principale
Python
Stelle
24.4k
Fork
2.3k
Merge medio
1g 21h
PR unite (30g)
19

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di plotly/dash

Tutte le issue di plotly/dash

Issue simili

Altre issue su Python

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.