Skip to content

Clean up button css for homepage and gallery#1026

Merged
Czaki merged 6 commits into
napari:mainfrom
TimMonko:shared-gallery-button-skin
May 26, 2026
Merged

Clean up button css for homepage and gallery#1026
Czaki merged 6 commits into
napari:mainfrom
TimMonko:shared-gallery-button-skin

Conversation

@TimMonko
Copy link
Copy Markdown
Contributor

Description

In working on #1021, this work was made more difficult by our messy css.
This PR cleans up the class names and combines the css.
It also sets up for #1021 (and #1024) to reduce the review diff.

This improves the css for the gallery buttons by actually override text and outline, instead of the almost invisible buttons of before

Note that before we did not style the "alt" homepage button and it was just inheriting from pydata-sphinx-theme. This PR explicitly styles the button to vaguely match what was before, but with a shared outline and text color to not be so intense. This is what I had originally intended for the homepage but got quite
confused by the css.

I added lots of comments as I debugged along what each was for. :)

image image image image

Main:

image image image

@github-actions github-actions Bot added the documentation Improvements or additions to documentation label May 20, 2026
TimMonko added a commit to TimMonko/docs that referenced this pull request May 20, 2026
@TimMonko TimMonko added this to the 0.7.1 milestone May 21, 2026
Copy link
Copy Markdown
Contributor

@DragaDoncila DragaDoncila left a comment

Choose a reason for hiding this comment

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

Looks great, and the csss is more readable too.

Copy link
Copy Markdown
Member

@psobolewskiPhD psobolewskiPhD left a comment

Choose a reason for hiding this comment

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

Looks good to me.

@Czaki Czaki added the Full docs preview/ready to merge Adding this label will trigger a full docs build for previewing changes. Also @napari-bot make html label May 25, 2026
@Czaki Czaki merged commit 155f240 into napari:main May 26, 2026
10 checks passed
@Czaki Czaki removed the Full docs preview/ready to merge Adding this label will trigger a full docs build for previewing changes. Also @napari-bot make html label May 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants