search

EnlighterJS / Plugin.WordPress

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

When I have a single line of code, the toolbar buttons are almost completely hidden #269

Closed RobertBernstein closed 4 years ago

RobertBernstein commented 4 years ago

I would like the "Toggle RAW code", "Copy to clipboard", etc., buttons to be more visible when I hover over a code block in my WordPress page.

image

Here you can just see the tops of the toolbar buttons. How can I fix this?

Here's the page where you can see the issue: https://www.tardistech.com/2020/05/22/installing-and-updating-the-azure-az-powershell-module-vs-azurerm/

Thanks in advance!

Rob

AndiDittrich commented 4 years ago

use more than 1 line or set a min-height to the inner container-

EnlighterJS block mode is not designed for a single line of code

RobertBernstein commented 4 years ago

Thank you! I added this CSS to my site and now it looks better:

.enlighter-default {
    min-height: 35px;
}

Just out of curiosity, is block mode the same thing as Gutenberg Blocks? What is the alternative to block mode, the MCE editor?

Thanks again.

Rob

AndiDittrich commented 4 years ago

EnlighterJs has block and inline modes. TinyMCE has full support for both types. The Gutenberg editor is currently limited to block mode.