一部のsvgがデッカい現象

[IOR]

こんにちは。
保管庫の整備・開発ありがとうございます。TRPGのセッションでは便利に使わせていただいております。

タイトルの件につきまして、キャラクターシートのマイリスト（https://charasheet.vampire-blood.net/mylist）の下の方にある　”<“,”>” マークのページ送り部分がものすごく大きく表示される現象を発見しました。最新安定板のFireFox, Edgeで確認しております。

該当する部分の svg タグ内で width・height を指定すれば解決しそうでした。
具体的には以下のような変更で直りそうです。
変更前:
<svg class=”w-5 h-5″ fill=”currentColor” viewBox=”0 0 20 20″>
<path (省略)……/path>
</svg>
変更後:
<svg class=”w-5 h-5″ fill=”currentColor” width=”19px” height=”24px” viewBox=”0 0 20 20″>
<path (省略)……/path>
</svg>

html,CSSのジェネレータ等使っておられるかと思いますので同様のコードを利用できるかはわかりませんが、ご参考までによろしくお願いいたします。

[投稿者]

投稿