Denimテーマで管理画面の一覧表に横スクロールが出てしまい以前よりも管理しにくくなってます

[GoogleCodeExporter]

問題を再現するための操作手順:
1.まずブラウザの横幅を1024pxぐらいにします（いままでとお
なじ通常利用を想定）
2.その後管理画面へ戻り、ブロックやプラグインを表示する
と一覧表の部分が横広になっていて横スクロールバーが現��
�て表も見にくいですし管理しにくくなってます。

※いままでのテーマではこの幅でも表全体が入っていたの��
�、横が入りきらないとかではないと思います。

正常に動作する場合に、期待される出力(表示):
一覧表の全体が見えて、横スクロールバーがでない

実際にはどのように出力(表示):
横スクロールバーが出て、一覧表の一部が横スクロールし��
�いと見れない。

Geeklogのリリースまたはスナップショットのバージョン,
Subversionから取り出した場合は元のディレクトリと
リビジョン情報:2.0.0 nightbuild

アクセスしているブラウザとOS(オペレーティングシステ
ム)の
名称とバージョン:firefox15.0.1

Original issue reported on code.google.com by hiroro...@gmail.com on 24 Sep 2012 at 11:42

[GoogleCodeExporter]

参考画像を登録しておきます

Original comment by hiroro...@gmail.com on 24 Sep 2012 at 11:54

Attachments:

• block-admin-page1.png

[GoogleCodeExporter]

iPad と iPod 
touchで確認したところテーブル部分を右にスクロールすると
全部表示されるのですが、スクロールバーが表示されない��
�でテーブル部分がみきれて表示されているのに気づき難い�
��す。
PCで確認したところ1082pxからスクロールが出るので
style.css 2980行目の
.table-wrapper {
    overflow: scroll;
}
を
.table-wrapper {
    overflow: hidden;
}
style.css 2989行目
.admin-list-table {
    width: 900px;
}
を
.admin-list-table {
    width:100%;
}
また、PCでは984pxでまた縦スクロールバーが出てくるので
style.css 3191行目
.table-wrapper {
    overflow: scroll;
}
を
.table-wrapper {
    overflow: hidden;
}
にするとスクロールバーは表示されなくなります。

style.cssを修正していただけるなら、overflow: 
hiddenを指定するより
何も指定しないでいただければと思います。
widthの値は、auto 
が色んなデバイスで不具合でにくいのですが、autoだとPCで��
�認したところテーブル部分の幅が小さくなってしまいます�
��
ここのtable部分は、幅をpx指定されているところが多いのでa
utoだとその値を引き継いでしまうからだと思います。
pxを%に出来ればその方が良いのではないかと思うのですが��
�かがでしょうか？

Original comment by milk...@gmail.com on 24 Sep 2012 at 12:29

• Added labels: Type-ChangeRequest
• Removed labels: Type-Defect

[GoogleCodeExporter]

これはDenimの仕様です。

私個人の経験から1024px程度の幅では管理画面の全テーブル��
�100%収めるのは困難だと判断しました。
横幅の広いテーブルを無理に表示させようとすると、レイ��
�ウトを乱す場合があります。（管理画面専用の表示モード�
��持たないGeeklogの宿命）
もうそのような場合に対応するのはうんざりなんです。

Denimは1366pxのPCで管理するのを想定しています。この場合は�
��図的にスクロールバーを表示させないようにしています。

DenimはレスポンシブWebデザインを標榜しています。iPhoneのよ
うな画面の小さいデバイスでも管理できることを目指して��
�ます。
このようなデバイスではレイアウトを乱さないように、横��
�の広いテーブルを表示させる場合、オーバーフローをスク�
��ールで対応するのが一般的なようです。
それと同じ考え方を、1024px程度のデバイスにも採用しまし��
�。

逆に1366pxのPCの場合は、その幅を最大限に活用します。その
ほうがサイト管理が楽だからです。

Original comment by tahar...@gmail.com on 24 Sep 2012 at 12:41

• Changed state: Assigned

[GoogleCodeExporter]

仕様なのですね。了解しました。

ステータスを無効(invalid)にしてクローズします

Original comment by hiroro...@gmail.com on 24 Sep 2012 at 2:53

• Changed state: Invalid