投稿者 るきお(管理者)  (社会人) 投稿日時 2023/9/11 07:39:23
魔界の仮面弁士さん、

>Pre.Code { } に対して
>• line-height: 60%; を削除
>• white-space: を pre-wrap から inherit (または initial か unset に変更)
>とすることで、折り返した文字が重なる事象が解消されるようです。
検証ありがとうございます。さっそく反映させました。

>②いいねボタンがクリッカブルであるように見えなかったので、
> cursor:pointer スタイルを追加したり、ホバー時に線の色や背景を着色すると
> 分かりやすくなるのではないでしょうか。
ホバー時に少し動くようにしてみました。どうでしょう。