- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2022-01-16T21:21:33+09:00","","")
#author("2022-01-20T02:08:22+09:00;2022-01-20T02:06:19+09:00","","")
* ウィンドウに合わせて #body を伸張させてほしい [#rfd994eb]
- ページ: [[BugTrack]]
- 投稿者: [[mt]]
- 優先順位: 低
- 状態: 提案
- カテゴリー: 本体新機能
- 投稿日: 2022-01-16 (日) 21:15:56
- バージョン:
- バージョン: 1.5.3
** メッセージ [#h74bf1c6]
現在の標準スキンでは、「ヘッダー」「コンテンツおよびメニューバー」「フッター」が上詰めで配置されている。~
この仕様には次の問題がある。
+コンテンツやメニューの内容が少ない(画面全体の高さがウィンドウの高さより低い)場合、画面が上に寄ってしまって見栄えが悪い。また、フッター位置がウィンドウ最下部に統一されず、使い勝手が悪い。
+ウィンドウいっぱいに伸張するプラグインを作れない。「領域をできる限り広くしたいが、スクロールまではさせたくない」フレキシブルな高さの指定ができない(「height:100%」にしても、#body が上詰めで自身の高さを持たないため意味がない)。
これらの問題を解消するため、#body をウィンドウの高さいっぱいにストレッチさせてほしい。~
具体的には、たとえば次のように flex 等の指定を追加することで実現できる(あくまで例であり、現標準スキンにそのまま追加するとレイアウトが微妙に崩れる)。
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
#contents {
flex: 0 100 100%;
}
#body {
display: flex;
flex-direction: column;
flex: 0 100 100%;
}
--------
- 1見栄えが悪い、についてはよくわかります。ただ、運用始めて少しメニューがそれなりに長くなるとほぼ画面に収まらなくなるので実用上はあまり、気にならないことが多くないでしょうか? 2は、画像表示のようなプラグインでしょうか? 機能的には考えられるものの、スマートフォンレイアウトでどう表示されるかな、というのと、既存の構造をできるだけ壊さずに対応できるだろうかというのが不安なところです -- [[umorigu]] &new{2022-01-20 (木) 02:06:19};
#comment