スキン「Fuwari」の次へのページ送りナビボタンが左寄せになる - スキンの不具合

RE: スキン「Fuwari」の次へのページ送りナビボタンが左寄せになる

わいひら — Mon, 21 Oct 2024 09:41:37 +0000

ご確認いただきありがとうございます。

大門未知子 — Sun, 20 Oct 2024 14:31:10 +0000

----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.8.1
カテゴリー数：19
タグ数：150
ユーザー数：1
----------------------------------------------

対策されていることを確認しました。
本件をクローズとします。

わいひら — Sun, 20 Oct 2024 13:03:03 +0000

ご連絡いただきありがとうございます。
対策方法を使わせていただき不具合を修正させていただきました。
https://github.com/xserver-inc/cocoon/commit/1d0f1a821cd3c4fefbbca90f6ae5e345b5c5c084

大門未知子 — Sun, 20 Oct 2024 06:30:33 +0000

●原因

justify-content: space-betweenを使用して、コンテナ内の両端にページボタンを配置している（1つ目の要素が左端、最後の要素が右端に来るように配置）。
しかし、ボタンが1つしかない場合、最後のページのボタンが左端に配置されてしまう。

https://github.com/xserver-inc/cocoon/blob/91d7d27c6b3590b03f72b19c8901bd81f96ccc6a/skins/skin-fuwari-ebicha/style.css#L388

●対策

「前へ」ボタンがない場合、ページボタンをコンテナ内の右端に配置させる。
以下の場所にコードを追加する。

https://github.com/xserver-inc/cocoon/blob/91d7d27c6b3590b03f72b19c8901bd81f96ccc6a/skins/skin-fuwari-ebicha/style.css#L384

.body .pager-post-navi:not(:has(.prev-post)) {
  justify-content:flex-end;
}

大門未知子 — Sun, 20 Oct 2024 04:36:20 +0000

●設定

→→Fuwariシリーズ
→→ページ送りナビ設定→表示タイプ「デフォルト」

●現象

表示タイプが「デフォルト」の場合、1ページと最終ページにはホームボタンが表示されません。
このとき、最終ページでは「次へ（next-post）」ボタンが左寄せになってしまいます（図参照）。