Skip to content

v0.1.8

@green-spot green-spot tagged this 27 Jul 05:44
details/summary の折りたたみ。JS を使わず開閉する。管理画面で「既定は畳んでおき、
必要なときだけ開く」用途(補足情報・棚卸し用の一覧)が各所で自前実装されていたため、
共通の部品として切り出した。

- 開閉の記号は summary::before が描く(summary を flex にすると既定のマーカーが消える)
- 中身は .content で包む。表をそのまま入れるときは .flush で余白を外し境界線で仕切る
- 開閉は ::details-content の height / opacity を遷移させる(サイドバーのネストナビと
  同じ手法)。未対応ブラウザでは瞬時に開閉するだけで機能は損なわない

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Assets 2
Loading