Custom CSS for space above title target conflicts with pydata-sphinx-theme

[jorisvandenbossche]

The following snippet from sphinx-gallery's custom css conflicts with the pydata-sphinx-theme (see pydata/pydata-sphinx-theme#389, mne-tools/mne-python#9288):

sphinx-gallery/sphinx_gallery/_static/gallery.css

Lines 148 to 154 in ec22616

	.sphx-glr-example-title > :target::before {
	display: block;
	content: "";
	margin-top: -50px;
	height: 50px;
	visibility: hidden;
	}

Because it adds some space above each header on the page, it confuses the "highlight TOC on scroll" feature of the right side page TOC.

Now, I am not really able to understand what the above CSS is actually intended to be doing .. (but I am also no CSS expert ;)).

It was introduced in #362, and seems to be related to the "note" that is added on the top of a page (with the download link).
But, the way the CSS selector is now implemented (.sphx-glr-example-title > :target::before), it doesn't actually select the top header that is directly below the note, but every other header lower on the page (and adding some space above that). So it might be that the CSS selector is actually selecting the wrong thing (but again, not fully understanding it).
Changing the selector to .sphx-glr-example-title:target::before would have it select only the top header.