使用自定义样式修复Gmail的布局

时间:2012-04-24 23:21:35

标签: css userscripts

我正试图在我的小型1024x768屏幕上使Gmail的新外观可用 - 默认布局只留下一个小窗口的消息,被不动的元素包围。滚动那个小窗口非常烦人。

我设法使用Stylish用户样式(this one的修改版本)滚动整个页面:

@-moz-document domain('mail.google.com'), 
 url-prefix('https://mail.google.com/mail') {

.akc.lKgBkb,
.oLaOvc.aeJ,
.lKgBkb.nH.oy8Mbf,
.lKgBkb.ajl.aib
{
  height: auto !important;
  overflow: hidden !important;
}

#canvas_frame { overflow-y: scroll; }

.l2 { padding-bottom: 20px !important; }

}

应该有滚动条的元素现在有height: auto,滚动的是整个外页(在#canvas-frame中),它应该保持静态。

我对这种效果感到非常满意 - 它的效果几乎与旧的Gmail一样。但是,有一个问题 - 用键盘滚动(箭头键,PgUp / PgDn,Home / End)停止工作。关于如何解决这个问题的任何想法?

2 个答案:

答案 0 :(得分:1)

您是否尝试过寻找现成的解决方案?虽然DIY方法令人钦佩,但有些人可能已经进行了深入的改变,特别是对于一些用户而言。不满意新的外观选择。

Greasemonkey用户下的here(无联属关系)文件也可以install this style as user script"可能是一个很好的起点;虽然我会详细介绍它并删除任何奇怪的第三方网址引用等。

答案 1 :(得分:0)

我在Ubuntu上使用Firefox 12,但我看不到内部滚动条。消息窗格通过主滚动条滚动。他们已经为您修复了这个问题,或者需要更多信息。您使用的浏览器是什么?