not-nested-styleが付く条件について - Cocoonテーマに関する質問

RE: not-nested-styleが付く条件について

わいひら — Wed, 03 Apr 2024 14:18:27 +0000

お手数をおかげしてしまい恐れ入ります。
CSSの詳細度が変わる仕様変更になってしまい申し訳ありません。

大門未知子 — Wed, 03 Apr 2024 12:26:48 +0000

仕様の件、ありがとうございます。
本件、個別でテンプレートを変更し、FAQラベル背景色を削除し対応するようにしました。
この為、本件をクローズとします。

大門未知子 — Wed, 03 Apr 2024 10:33:01 +0000

検討しましたが、初期表示の時、FAQラベルの背景色を意図した変更できません。
以下が優先され、#e8ecef固定となってしまう。

大門未知子 — Wed, 03 Apr 2024 10:08:05 +0000

見出しボックスを、アコーディオン（トグル）と同じデザインにしており。

border-color:#ccc、見出しのbackground-color:#eeeとしている。
この時、ラベルの背景カラーを、枠と合わせる為、--cocoon-custom-border-colorとしている為、ラベルの背景カラーを別の色に変更できず。

スキンのデザインを見直し、ラベル・枠を同じ色にするか少し検討してみます。

わいひら — Wed, 03 Apr 2024 10:02:54 +0000

この修正が影響しています。
https://github.com/xserver-inc/cocoon/issues/157

それで修正以前と修正後で

既存ブロック：クラスがつかない
修正後ブロック：not-nested-styleクラスがつく

という仕様になっています。

大門未知子 — Wed, 03 Apr 2024 06:02:29 +0000

●補足

図示のように、「見出しボックス」の設定をしていないのに、上記CSSが追加される。
この為、CSSで.box-labelに色を指定していても、負けて反映されなくなり。
何も設定していない時、上記、CSSは出力されないのが、正しいのでは？？

例えば、アコーディオン(トグル)は何も設定が無い時、.not-nested-styleが付いたCSSが追加されず。
バグなのでは？？

大門未知子 — Wed, 03 Apr 2024 04:51:01 +0000

●確認事項

同じ「見出しボックス」でもnot-nested-styleが有るものと、無いもの(2023年9月頃はない？)がある。
例として以下のCSSが出力されており、子テーマCSSが負けてしまう。
どんな時に、not-nested-styleが付きますか？
仕様を伺いたく。

.cocoon-block-caption-box.not-nested-style>.box-label {
  background-color: var(--cocoon-custom-border-color);
}