そっとチラ裏@はてなブログ

はてな女子みたいなステキなブログが書きたいな！オッサンだけどな！

Googleリーダー新デザインの極太ヘッダーの縦幅を狭くするスタイルシート〜Google Chrome篇〜

ツール GoogleChrome

【2012/5/1追記】

こっちを使った方が便利

だだし、「www.google.co.jp/reader/〜」ではなく「www.google.com/reader/〜」を使う必要あり。

　愛用するGoogleリーダーのデザインが変わってしまった。個人的には悪い方に。不満点は色々あるけれど、とりあえずメニューヘッダーの無駄な余白が気になる。

　そこで、以下の余白を無くすスタイルシートを書いてみた。

  • 検索ヘッダー部分の上下余白、150px→0px
  • 検索ヘッダー部分の縦幅、60px→35px
  • 左サイドメニューの「登録」ボタン枠の縦幅、73px→30px
  • コンテンツ表示枠のメニューバーの縦幅、73px→30px

　以下のスタイルシートは、Google Chromeに独自のスタイルシートを適用する拡張「Chrome Stylist」でのみ動作確認をしている。

■スタイルシートのソース

#search { 
	padding-bottom: 0px;/* 150px→0px */
	padding-top: 0px;/* 150px→0px */
}

#top-bar { 
	height: 35px;/* 60px→35px */
}

#lhn-add-subscription-section { 
	height: 30px;/* 73px→30px */
 }

#viewer-header { 
	height: 30px;/* 73px→30px */
 }

#sections-header {
	height: 30px;/* 73px→30px */
}

■使用前、使用後の比較画面キャプチャ

f:id:mame-tanuki:20111101123307j:image

【関連記事】Gmailの新デザインは、Googleリーダーの新デザインよりは少し良いかもしれない。少しだけ…

【関連リンク】Googleリーダー新デザインをなんとかするスタイルシート











 kensei_kick
kensei
バックが白ならエントリー間のボーダーはあった方がいい。マージンがなくても全然見やすい。デザインセンス古いんかな。。。
（2011/11/01 14:59:48）
 link

【関連】スタイルシートとか、いぢらずにショートカットキー「F」(=全画面表示)で対応











 zapa
zapa
Googleリーダーが狭いと感じたら、とりあえず「F」キーを押してみよう。
（2011/11/01 20:36:39）
 link

　左サイドバーや検索＆メニューヘッダーバーを非表示にする「全画面表示」のショートカットキー「F」。今まで使ったこと無かったけど、これはアリかも。