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

Đánh giá

Issue này chưa được đánh giá.

Mô tả

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 :)

• Here is the example app with the environment: https://py.cafe/huong-li-nguyen/dash-slider
• Using dash=4.0.0

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.

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.

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:

Currently the start/end dot are positioned slightly inset:

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
3. Fork repository và làm thay đổi trên một nhánh.
4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của plotly/dash

• Extract graph schema validation into properly named test Đang mở
  good first issue P3 size: 1 task

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100

  plotly/dash#3735 · 3 bình luận · Mở ngày 10/4/2026

• [Feature Request] Add cancellation API for streaming callbacks Đang mở
  enhancement P2 size: 5

  Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 45/100

  plotly/dash#4004 · 2 bình luận · Mở ngày 22/9/2026

• [Feature Request] Add support for ws.send_event to a clientside EventBus Đang mở
  enhancement P3 size: 10+

  plotly/dash#3981 · 2 bình luận · 1 người được giao · Mở ngày 13/9/2026

• [BUG] Dash Hooks missing docstring Đang mở
  P2 size: 1 task

  plotly/dash#3979 · 1 người được giao · Mở ngày 10/9/2026

• [Feature Request] Condition dcc.Link's window.scrollTo(0,0) on a component prop Đang mở
  enhancement P3 size: 1

  Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 72/100

  plotly/dash#3974 · 2 bình luận · Mở ngày 4/9/2026

Tất cả issue của plotly/dash

Issue tương tự

• Use `charmlibs.interfaces.oauth` instead of deprecated `hydra.oauth` Đang mở
  enhancement

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100

  canonical/paas-charm#368 · 1 bình luận · Mở ngày 23/9/2026

• Model API: distributable field returns false even when "Allow Distributed Inference Across Workers" is checked Đang mở

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100

  gpustack/gpustack#6275 · Mở ngày 23/9/2026

• attachment_urls parameter descriptions do not state that the value must be a reference Đang mở
  tech debt

  Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100

  epam/ai-dial-quickapps-backend#579 · Mở ngày 23/9/2026

• addition to tracking list Đang mở

  Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100

  StevenBlack/hosts#3256 · Mở ngày 23/9/2026

• Fix-WebUI-README-screenshot-links Đang mở

  Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100

  qualcomm/qai-appbuilder#275 · Mở ngày 23/9/2026

Thêm issue về Python