vuepress-plugin-code-copy icon indicating copy to clipboard operation
vuepress-plugin-code-copy copied to clipboard

The plugin adds extra space to bottom of code blocks

Open osipxd opened this issue 4 years ago • 1 comments

image
image

I use the default theme. My configs for code blocks:

markdown: {
    lineNumbers: true,
},

plugins: [
    ['vuepress-plugin-code-copy', { align: 'top' }],
]

osipxd avatar Jul 09 '20 08:07 osipxd

Maybe there's a better way but I added this to my index.styl to cancel the 0.85rem margin that was being applied to the code-copy div.

pre .code-copy {
  margin-top: -0.85rem;
}

nshaw avatar Sep 16 '20 13:09 nshaw