Add pointer cursor when hovering over copybtn

[MarcSkovMadsen]

When starting to use the new copy code button I felt that it was lacking the pointer cursor compared to ChatGPT.

copy-code.mp4

This PR adds the pointer.

I have not tested this as I don't know how to trigger Panel to use the updated css file.

Workaround

Until this PR is released you can work around the problem as below:

import panel as pn
from panel.chat import ChatInterface

pn.extension("perspective")

CSS = """
.codehilite:hover .copybtn {
  cursor: pointer;
}
"""

if not CSS in pn.pane.Markdown._stylesheets:
    pn.pane.Markdown._stylesheets.append(CSS)

code = """
Some code

```python
a=1
b=a+1
print(a, b)
```
"""

pn.template.FastListTemplate(
    title="Copy Button",
    sidebar=[code],
    main=[code],
).servable()

[MarcSkovMadsen]

The failing tests has nothing to do with this PR.

[hoxbro]

The failing tests has nothing to do with this PR.

Opened #7491

I have not tested this as I don't know how to trigger Panel to use the updated css file.

Can you try running panel bundle --all with the environment variable BOKEH_RESOURCES=server set?

[philippjfr]

Will merge, thanks!