EnlighterJS / Plugin.WordPress

:package: Official WordPress Plugin of EnlighterJS
http://wordpress.org/plugins/enlighter/
GNU General Public License v2.0
115 stars 17 forks source link

Copy to clipboard button obscured on single-line code blocks #342

Closed pjohnst5 closed 2 years ago

pjohnst5 commented 2 years ago

Describe the bug The "copy to clipboard" button is obscured on single-lines of code

WordPress Editing Mode

Frontend or Backend Issue Frontend

To Reproduce Insert single line of code in Guttenberg Enlighter code block image

Expected behavior Expect the copy to clipboard to not be obscured

Screenshots live repro https://coolstercodes.com/azure-container-instance-with-load-balancer/ image

Example code

<!-- wp:enlighter/codeblock {"language":"md"} -->
<pre class="EnlighterJSRAW" data-enlighter-language="md" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">netsh trace start hello world</pre>
<!-- /wp:enlighter/codeblock -->

Desktop (please complete the following information):

Smartphone (please complete the following information): N/A

Additional context Basically the copy to clipboard button is slightly out of view on single line code blocks. Is there any way I can make it appear on the line without being hidden partially?

AndiDittrich commented 2 years ago

see https://github.com/EnlighterJS/documentation/blob/master/Tweaks.md#set-minimal-height-for-single-line-codeblocks

pjohnst5 commented 2 years ago

Thanks