バグ報告Ver.0.0.1→0.0.2

現象

「ラベルボックス」ブロックにアイコンを追加すると、アイコンとラベルの間が広くなる（図1参照）。
また、アイコン下に罫線が表示される。

原因

従来の文字縁取りを止め、ラベル下に白罫線を重ねてラベル下の罫線を消していた。
しかし、アイコンを選択すると、アイコンがラベルとは別の要素（.block-box-label::before）として設定されるため、アイコンとラベルとの間が広くなる。
また、ラベル下の罫線しか消さないため、アイコン下に罫線が表示される。

cocoon/skins/skin-made-in-heaven/style.css at 661aff58f9d4ffa4f3ce6d0644a80e667d506f95 · xserver-inc/cocoon

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

github.com

対策

従来の文字縁取りに戻す。以下に変更する。

.label-box-label {
  --cocoon-white-color: var(--white-bgcolor);
  display: inline;
  font-size: var(--cocoon-text-size-s);
  font-weight: normal;
  margin: 0 var(--padding15);
  padding: 0;
}

変更一覧