スキン「SILK」の比較表レイアウトが崩れませんか?

Cocoonのスキン「SILK」ですが、スタイル「比較表」のデザインが崩れるようになりました。製作者さんのデモサイトにアクセスできなくなってから暫く経つし、今後のことを悩み中。。。

SILKのスタイル「比較表」が崩れた?

気に入っていた「比較表」が崩れているのを見つけました。

以前なら、アイコンリストをグループ化して「比較表」にスタイルを設定すると、下の図のように横並びでリストを並べることができました。

現在は、横に並ばなくなっています。

既存ページでも同じことが起きているので、元のスタイルシートからの影響でしょう。

そういえば、2022年11月01日にWordPress 6.1が正式リリースされて、色々と新機能が追加されてます。

例えば、グループブロック内のブロック配置を簡単に[横並び]や[縦並び]に変換できるようになっています。

もしかすると、これと干渉しているのかな?なんて思ってます。

下の図は、その[横並びに変換]してからプレビュー表示したものです。

横には並びますが、隣り合うリストの間に余白ができます。

とはいえ、そこかしこにSILKデザインの片鱗が覗いてます。

例えば、

リスト同士がピタッと並ぶことを想定して枠線の太さを変えてあるとか、内側にくる角の丸みが取れてるとか、、、

本来の姿…

ここまではキャプチャ画像の比較表でした。

実験用比較表

何かのキッカケで元に戻るかもしれないので、実験的に実際の比較表ブロックを置いておきます。

下の比較表は現物!画像じゃありません
リストA
  • リストテスト1
  • リストテスト2
  • リストテスト3
リスト2
  • リストテスト1
  • リストテスト2
  • リストテスト3

頑張って自分で直す…という手もあるんだろうけど(汗)

リストA
  • リストテスト1
  • リストテスト2
  • リストテスト3
リスト2
  • リストテスト1
  • リストテスト2
  • リストテスト3
タイトルとURLをコピーしました