pydata/pydata-sphinx-theme

CSS is leaking outside of its boundaries

Open

#1,578 opened on Nov 30, 2023

View on GitHub
 (3 comments) (0 reactions) (0 assignees)Python (376 forks)github user discovery
good first issuekind: bugtag: CSS

Repository metrics

Stars
 (766 stars)
PR merge metrics
 (Avg merge 1d 14h) (18 merged PRs in 30d)

Description

Using the pydata-sphinx-theme in ipyleaflet, we now see that the theme CSS pollutes the map widget:

For example with this page: https://ipyleaflet.readthedocs.io/en/latest/layers/image_video_overlay.html

What we see:

Screenshot from 2023-11-30 15-55-51

What we should see:

Screenshot from 2023-11-30 15-55-42

Other artifacts are visible in other pages of our documentation.

Contributor guide

Research direction
Investigate CSS scoping within the Sphinx theme: examine how CSS rules are applied globally and consider using more specific selectors or Shadow DOM to isolate theme styles from widget styles.
Tech stack
pythoncsshtml
Domain
documentation
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60