バグ報告Ver.2.14.0→2.14.1

【件名】タイルが「アコーディオン」のとき見出しなどの余白が異なる

現象

「FAQ」ブロックと「見出しボックス」ブロックでスタイルが「アコーディオン」のとき、余白が「アコディオン（トグル）」ブロックと異なる。

原因

「FAQ」ブロックのとき、.faq-itemとしているため、「A」にも反映されて余分な余白ができる。

cocoon/skins/skin-made-in-heaven/style.css at 9b442ccb83e32dfd19ef42613329695f6744628d · xserver-inc/cocoon

100％GPLの無料WordPressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください。 - xserver-inc/cocoon

github.com

「見出しボックス」ブロックのとき、以下が優先されてしまう。

cocoon/skins/skin-made-in-heaven/style.css at 9b442ccb83e32dfd19ef42613329695f6744628d · xserver-inc/cocoon

100％GPLの無料WordPressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください。 - xserver-inc/cocoon

github.com

対策

「FAQ」ブロックのとき、以下に修正する。

.is-style-accordion .caption-box-label,
.is-style-accordion .faq-question {
  cursor: pointer;
  padding: var(--padding15) calc(var(--padding15) + 1em) var(--padding15) var(--padding15) !important;
}

.body .is-style-accordion .faq-answer {
  padding: var(--padding15);
}

「見出しボックス」ブロックのとき、該当箇所を削除する。

変更一覧