Skip to content

html repr: improve style for dropdown sections #10354

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
May 30, 2025

Conversation

benbovy
Copy link
Member

@benbovy benbovy commented May 26, 2025

@max-sixty
Copy link
Collaborator

that's really nice! ❤️

@dcherian
Copy link
Contributor

Yes! Thank you!

@dcherian dcherian added topic-html-repr plan to merge Final call for comments labels May 27, 2025
@TomNicholas

This comment was marked as resolved.

@benbovy
Copy link
Member Author

benbovy commented May 28, 2025

Added a small glow effect for icons that are "active" (i.e. their corresponding dropdown section is displayed), which looks nicer especially in dark mode:

Screenshot 2025-05-28 at 10 18 11

Comment on lines +310 to +311
.xr-var-data > table > tbody > tr {
background-color: transparent !important;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a special case for dask's array repr so that it looks like this:

Screenshot 2025-05-28 at 10 27 33

instead of this:

Screenshot 2025-05-28 at 10 30 26

This trick may not work well for other wrapped arrays that have an html repr, though.

@dcherian dcherian merged commit 7f6add6 into pydata:main May 30, 2025
32 checks passed
dcherian added a commit to dcherian/xarray that referenced this pull request May 30, 2025
* main:
  Fix performance regression in interp from pydata#9881 (pydata#10370)
  html repr: improve style for dropdown sections (pydata#10354)
  Grouper tweaks. (pydata#10362)
  Docs: Add links to getting help mermaid diagram (pydata#10324)
  Enforce ruff/flynt rules (FLY) (pydata#10375)
  Add missing AbstractWritableDataStore base methods and arguments (pydata#10343)
  Improve html repr in dark mode (Jupyterlab + Xarray docs) (pydata#10353)
  Pin Mypy to 1.15 (pydata#10378)
  use numpy dtype exposed by zarr array instead of metadata.data_type (pydata#10348)
  Fix doc typo for caption "Interoperability" (pydata#10374)
  Implement cftime vectorization as discussed in PR pydata#8322 (pydata#8324)
  Enforce ruff/flake8-pyi rules (PYI) (pydata#10359)
  Apply assorted ruff/Pylint rules (PL) / Enforce PLE rules (pydata#10366)
  (fix): pandas extension array repr for int64[pyarrow] (pydata#10317)
  Enforce ruff/flake8-implicit-str-concat rules (ISC) (pydata#10368)
  Enforce ruff/refurb rules (FURB) (pydata#10367)
  Ignore ruff/Pyflakes rule F401 more precisely (pydata#10369)
  Apply assorted ruff/flake8-simplify rules (SIM) (pydata#10364)
  Apply assorted ruff/flake8-pytest-style rules (PT) (pydata#10363)
  Fix "a array" misspelling (pydata#10365)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

expanded attrs makes HTML repr confusing to read
4 participants