[ G2 / G3 ] 画像にリンクを貼ると画像下部に余白ができるのを修正しました

[mtdkei]

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

#1203

どういう変更をしたか？

blockの影響で6.7から設定された

.wp-block-image a{
	display: inline-block;
}

の影響でLightningの

// block にしないと枠線スタイルで画像下部に意図しない余白ができてしまう
	display: block;

があるとシャドウに限らずフロントエンドでは余白ができてしまいました。

上記CSSはWP5.8対応で設定されたものですが、現在はblock にしないと枠線スタイルで画像下部に意図しない余白ができてしまう状態は解消されていましたので削除しました。

ついでにImageのCSSが分散してたので一箇所にまとめました。

スクリーンショットまたは動画

変更前 Before

G3

G2

変更後 After

G3

G2

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• Files changed (変更ファイル)の内容は目視で確認したか？
• readme.txt に変更内容は書いたか？
• 本当にちゃんと確認をしたか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。

• 書けそうなテストは書いたか？ →スキップ

変更内容について何を確認したか、どういう方法で確認をしたかなど

1. LightningG2、G3で画像ブロックにリンクを設定し公開。
2. フロントエンドで画像とシャドウの間に余白ができていないことを確認。
3. スタイルをシャドウ以外に設定したり、スタイルを外したり、リンクを外した時でも余白が変わらないことを確認。

また、theme.json、Tree shaking、Preload CSSをON/OFFしても上記の状態であることを確認しました。

レビュワーに回す前の確認事項

• 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

実装者と同じ確認を行ってください。

---

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？

[goutetsuguma]

調整ありがとうございます！確認しまして、問題ありませんでした。どなたか2人目確認お願いします

[MasayaMORIMOTO]

@mtdkei
動作確認しました。ご対応ありがとうございました。