danielfrg / mkdocs-jupyter

Use Jupyter Notebook in mkdocs
https://mkdocs-jupyter.danielfrg.com
Apache License 2.0
385 stars 47 forks source link

Bug: copy to clipboard feature of code cells collides with header #131

Closed iincer closed 1 year ago

iincer commented 1 year ago

Description

The following screenshot is taken from mkdocs-jupyter's demo site:

image

Observe what happens when we scroll down slightly:

image

The copy to clipboard functionality appears on top of the header.

Expected behavior

The copy to clipboard icon should be hidden behind the header.

Possible cause

The problematic line of the code seems to be 476:

https://github.com/danielfrg/mkdocs-jupyter/blob/e85f4c2fc62000077b4bdd86ab02b60749076f7d/js/src/styles/index.scss#L472-L476

The z-index is set too high. Can you lower the value of this parameter? Setting it to 0 gets rid of the problem.