スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

花杏豆(はなあんず)

20061014163754
ステーキ丼おいしかった。
ちなみにハンドリはハンバーグドリア
スポンサーサイト

DOM Inspector のインデントを減らす

朝顔日記 - DOM Inspector の使い方の例を見ていたら、DOM Inspector のツリーのインデントを減らすのは、やっぱり需要がありそうなので書いておきます。

DOM Inspector で階層の深いところへ入っていくと、どんどん右のほうへ行ってしまい、場所が足りなくなります。そこで、インデントを減らしたくなるわけですが DOM Inspector - reduce indent on DOM tree にある方法をそのまま使うと、スクリーンショットを見ればわかるように [+] [-] のマークの位置がずれてしまいます。そこで、マークの位置がずれないようにするには

@-moz-document url(chrome://inspector/content/viewers/dom/dom.xul) {
treechildren::-moz-tree-indentation {
width: 12px !important;
}
treechildren::-moz-tree-twisty {
padding-right: 1px !important;
}
}

とすれば良いです。なお、デフォルトのインデントは 18px、この方法を使うと 12px になりますが、さらに減らすこともできます。

9px にするには

@-moz-document url(chrome://inspector/content/viewers/dom/dom.xul) {
treechildren::-moz-tree-indentation {
width: 9px !important;
}
treechildren::-moz-tree-twisty {
padding-right: 0px !important;
}
treechildren::-moz-tree-cell-text(colNodeName) {
margin-left: 1px !important;
}
}

6px にするには

@-moz-document url(chrome://inspector/content/viewers/dom/dom.xul) {
treechildren::-moz-tree-indentation {
width: 6px !important;
}
treechildren::-moz-tree-twisty {
padding-right: 0px !important;
margin-right: -2px !important;
}
treechildren::-moz-tree-cell-text(colNodeName) {
margin-left: 3px !important;
}
}

で、できます。
6px は、ちょっとやりすぎかも^^;

テーマ:Firefox - ジャンル:コンピュータ

ALPSLAB scroll

ALPSLAB scroll
ALPSLAB scrollは次世代の地図スクロール実験です。

ハンマーをおもいっきり遠くに投げたら、イルクーツクのあたりに落ちて「HAMMER LOST!!」って言われた。
日本国内に落ちないといけないのかな。

ハンマーのほかにもいろいろある。

«  | HOME |  »

プロフィール

あ

Author:あ

最近の記事

最近のコメント

最近のトラックバック

月別アーカイブ

カテゴリー

ブロとも申請フォーム

この人とブロともになる

ブログ内検索

RSSフィード

Download

Firefox をダウンロード!!

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。