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

hmp*_*hmp 7 css userscripts

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

我已经成功地使整个页面滚动使用时尚的用户样式(修改后的版本这一个):

@-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; }

}
Run Code Online (Sandbox Code Playgroud)

应该具有滚动条的元素现在具有height: auto,并且滚动的是整个外部页面(in #canvas-frame)应该保持静态.

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

o.v*_*.v. 1

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

此处链接的文件(无隶属关系)位于“Greasemonkey 用户也可以将此样式安装为用户脚本”下,可能是一个很好的起点;尽管我会更详细地浏览它并删除任何奇怪的第 3 方网址引用等。

  • 是的,我看过这个剧本。它确实修复了滚动,但也尝试重新设计所有内容,在某些地方破坏它(例如对话视图中的标题)。我会尝试对其进行逆向工程,但它*无论如何都做不到我想要的* - 键盘滚动仍然不起作用,这是我试图解决的一个问题。 (2认同)