- このトピックには4件の返信、2人の参加者があり、最後に
により3年、 5ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】14.3.5
【お使いの Snow Monkey Blocks のバージョン】11.4.1
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】Google Chrome 91.0.4472.106
【当該サイトのURL】未公開### 実現したいこと
アコーディオンブロックのコメント表示位置を（真ん中に）統一したい。
### 発生している問題
画像をご覧ください。
.smb-accordion__item__bodyの部分はわざとピンク色にしています。- ブロック内のアコーディオン数が１つの場合：コメントは下揃え
- ブロック内のアコーディオン数が複数の場合：最後のアコーディオンのみ下揃え
### 試したこと
プラグインはSnow Monkey Blocks とSnow Monkey Editorの２種のみ、追加CSSも一切なし、というほぼ素の環境で試してみました。
CSSで調整すればよいので特に問題というわけではないのですし、そもそもそういう仕様かもしれないのですが、追加CSS以外のシンプルな解決方法があればと思い投稿させていただきました。
よろしくお願いいたします。
Who liked: No user最後の項目以外は項目間の余白を大きめにとるほうが見やすいからご指摘のような余白のとり方にしているという感じです。
padding-bottomで間隔をとっているけど、margin-bottomのほうが良い気がしますね…。Who liked:キタジマさん、
仕様としてこの余白だと分かり、スッキリしました。
アコーディオンコメント部分に色を付ける or 記事背景に色がある場合、余白違いが目立つのでCSSで対応するようにします。
.smb-accordion__item__body { padding-bottom: calc(var(--_space, 1.8rem)*1); }
ありがとうございました、トピック閉じます。
Who liked:
もしかしたら
margin-bottomに変更するかもしれないので、paddingとmarginのどちらも指定しておいて、変更があっても独自の指定が効くようにしておいたほうが安全かなと思いました！Who liked:
- トピック「アコーディオンを複数広げた際のコメント位置について」には新しい返信をつけることはできません。