Clipboard button container styling

[AbdulTheActivePiecer]

Hello.

Right now on v16.0.0, the clipboard button, be it a template or a component, it only shows on hover and disappears when not, and that styling is placed on the div container itself, can you please add a class instead so people can modify it.

A hacky fix would be to do this in your styles.scss/css
markdown{ //clipboard-container div[style="position: absolute; top: 0.5em; right: 0.5em; opacity: 0; transition: opacity 250ms ease-out 0s;"]{ opacity: 1 !important; } }

[prince-t-asamoah]

l

Awesome hack my friend, was getting frustrated on how to override this behaviour of the copy button. I think they should use classes to override this behavior

[MiriamS]

I need to keep the button always visible, otherwise it's not accessible. Since the styles are added inline they would overwrite anything in css/scss. Is there a config option to have the button always present? I agree classes would be much better.

[jfcere]

Inline styling concerning the opacity transition has been removed and as suggested, CSS classes have been added to allow the customization of the position and transition on hover if desired.

This modification has been released as part of v18.0.0 along with Angular 18 update.

Please read the breaking changes carefully to know how to handle the changes.