読者です 読者をやめる 読者になる 読者になる

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

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

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

【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リーダーの新デザインよりは少し良いかもしれない。少しだけ…


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











zapa
zapa

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

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