バグ報告Ver.0.0.5

【件名】SNSフォローボタンと、投稿SNSボタン下のウィジェットの間に余白がない

投稿SNSボタン下に、タイトルがないウィジェットを配置した。
図1に示すよう、SNSフォローボタンとの接してしまう。

パス	ファイル名
/skin-made-in-heaven/	style.css

以下に、コードを示す。

.article-footer:has(.sns-follow) .sns-share {
  margin-bottom: var(--padding15);
}

SNSシェアボタンのみで、SNSフォローボタンの余白を設定していない。

SNSフォローボタンにも、余白を設定する。以下に変更する。

.article-footer .sns-share,
.article-footer .sns-follow {
  margin-bottom: var(--gap30);
}

以下に、[C]プロフィールを配置する。

画面幅480px以下の時、図2に示すように表示され、枠線などなく、見栄えが悪い。

初めから[C]プロフィールに、枠線を設定していない。

パス	ファイル名
/skin-made-in-heaven/	style.css

上記ウィジェットエリアの時、図3に示すよう、枠線を追加する。以下のコードを追加する。
フッターも背景が白色だが、カスタマイザーでカラー設定できる為、現状のままとする。

.body .main .author-box {
  border: 1px solid var(--border-color);
  border-radius: 0;
}

図4に示すように、「リスト」ブロックで、[C]ボーダー設定のみの時、マーカー位置がずれる。

パス	ファイル名
/skin-made-in-heaven/	style.css

以下に、コードを示す。

:root {
  --cocoon-list-wide-padding: 15px;
}

.body :is(ul, ol).has-border {
  padding: var(--cocoon-list-wide-padding);
}

白抜きボックスと同様、padding:15pxとした。
マーカー分の余白を考慮していない為、左にずれる。

以下のコードを追加する。
[C]ボーダー設定のみの時、padding-left:40pxとする。

.body .has-list-style {
  padding: 0 var(--padding15);
}

.body :is(ul, ol):not(.has-list-style).has-border {
  padding-left: 40px;
}