search

znicholasbrown / vuepress-plugin-code-copy

A Vuepress plugin that adds copy code buttons to all code blocks.
GNU General Public License v3.0
59 stars 14 forks source link

The plugin adds extra space to bottom of code blocks #13

Open osipxd opened 4 years ago

osipxd commented 4 years ago

image
image

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

markdown: {
    lineNumbers: true,
},

plugins: [
    ['vuepress-plugin-code-copy', { align: 'top' }],
]
nshaw commented 3 years ago

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;
}