Copy Button Covers the End of Long Lines

[holesch]

I have some code blocks with a single long line (long enough to have a horizontal scroll bar). With sphinx-copybutton enabled, even when I scroll to the end, then the button covers the last few characters.

The style from sphinx-copybutton makes the button invisible by default and it only fades in when hovering over the code block. The style from Furo overwrites this and makes the button always visible.

I fixed this with a custom.css in my project, but this could be beneficial for all:

.highlight button.copybtn {
    /* Show copy button only while hovering over the code block, to make long
     * lines readable */
    opacity: 0;
}

[pradyunsg]

Huh, this should probably be an issue against sphinx-copybutton?

[holesch]

The default from sphinx-copybutton doesn’t have this issue. It’s only with this override, that the button is always visible:
https://github.com/pradyunsg/furo/blob/2024.05.06/src/furo/assets/styles/extensions/_copybutton.sass#L7

[pradyunsg]

Fair point. Fixed with 5e3440b.