スタイルを調整してみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
上記ファイルでまだ表示に不具合が出るようでしたら、フォーラムの案内にあるように該当ページのURLを貼っていただいてよろしいでしょうか。

不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

チェックはしていませんが、preタグ内の記述はCocoon設定の文字サイズ等と連動しているため、スタイルを見る限りでは不十分のような気がします。

preタグ内だけフォントスタイルを固定するなど、追加で何らかの対策が必要かと。

ありがとうございます。そうですね。
emでの設定に戻して、行数が見えない余白に調整してみました。
一応、Cocoon設定で影響があるような部分を変更してみて試してみたのですが、多分これで大丈夫なような気がします。
https://github.com/yhira/cocoon/commit/489c74f9498b76ace2f1febe74afcd18575e7dc9#diff-da232d78aa810382f2dcdceae308ff8e

横から割り込むようで申し訳ありません。

cocoonの開発とサポートありがとうございます。とても便利に使わせていただいております。

コードの行番号についてなのですが、行の余白を0emに設定できない限り、行番号とコード本文が揃うことは無いのではないかと思うのですが、本認識で良いでしょうか。

色々設定をいじって確認しただけですので正確とは言えないところがお恥ずかしいのですけど。

https://hyperforest.jp/2021/01/18/1562/

1 : 行番号については改行で表現しているので"行の高さ"(line-height)で行の詰め具合が決まる。
2
3 : コード本文については行の高さ(line-height)に加えて"行の余白"(margin)が加わる。
4
5 : "行の高さ"と"行の余白"は行番号とコード本文とで共通の設定(本文→本文行間設定→本文余白)。
6
7 : "行の余白"は最小が0.1であって、コード本文に僅かながらも必ず発生するので行番号とコード本文を一致させるのは困難(といか無理)。

リンク先のコードの一行ごと自体には、marginは加わっていないと思います。
リンク先のコードと行が揃っていないのは、CSSセレクターの優先度の違いにより、行番号とコード本文のline-heightの値が違うからだと思います。
その部分については修正しておこうと思います。

わいひらさん、早速ご対応頂きありがとうございます。

コード本文部分のmarginについては私の確認ミスでした。

お手数おかけして申し訳ありません。

修正頂けるとのこと、ありがとうございます。

当方では急ぎませんのでお時間のあるときにでもご対応頂けると助かります。

よろしくお願いします。

とりあえず、強制的にline-heightの高さが同じになるように修正しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
CSSのimportant指定を使用しましたが、ここは強制してもいいところなのかなと。

わいひらさん、ご対応ありがとうございました。

行番号とコードとで行の高さが同じになる事を確認しました。

度々すみません。

些細な事なんですが、.is-code-row-number-enable の pre と pre::before で、paddingの上下がチョット違うのですが、揃えられれば微妙な上下位置の差も解消できると思います。

行番号の見切れ防止には0.4以下がいいように感じました。

素人考えなので他への影響はわからないのですが。

些細な事なんですが、.is-code-row-number-enable の pre と pre::before で、paddingの上下がチョット違うのですが、揃えられれば微妙な上下位置の差も解消できると思います。

よろしければその状態のスクリーンショットをいただいてよろしいでしょうか。

みた感じだと、どちらもpadding上下は0.4emになっているような気がします。

先日githubからダウンロードしたstyle.cssです。

確かに、padding: 0.5em 0em 0.5em 0em;は値が違って、不要でもあるのですが、CSS上ではpadding: 0.4em 0em 0.4em 0em;が優先されて適用されているので、padding-topは0.4emになっていると思います。

ただ、いずれにせよpadding: 0.5em 0em 0.5em 0em;部分は不要な設定なので、削除しておきます。

わいひらさん、ありがとうございます。

貼って頂いたスクリーンショットが再現できなかったのですが、もしかしたら私のサイトで確認して頂いたのでしょうか。

一時期確認のためcocoon-childに当該要素を追加していた時があり、その状況がスクリーンショットに取れてしまっているのかもしれません。

単にpaddingを消しただけだと詰まってしまうように思うので、設定は残しておいた方が良いように感じます。

紹介したURLの内容を変更してしまってお手数を取らせてしまっていたのでしたら、申し訳ありません。

貼って頂いたスクリーンショットが再現できなかったのですが、もしかしたら私のサイトで確認して頂いたのでしょうか。

そのようです。
自分のテスト環境で確認し、修正しておきました。
カスタマイズのない自分の環境で確認するべきでした。反省。。

わいひらさん、ありがとうございます。

こちらこそ、提示したURLの内容を変更してしまい、大変失礼しました。

解決したのですが、なにせ横から割り込んだ形になってしまいましたので、Shintaro Akaoさんの対応をお待ちしたいと思います。

ご確認いただきありがとうございます。