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

Question

我正在努力使 Gmail 的新外观在我的 1024x768 小屏幕上可用 - 默认布局只为消息留下一个小窗口，周围是静止的元素。滚动那个小窗口非常烦人。

我已经设法使用 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)滚动停止工作。关于如何解决这个问题的任何想法？

Answer 1

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

链接的文件here (无隶属关系)在“Greasemonkey 用户也可以 install this style as user script”下可能是一个很好的起点；尽管我会更详细地研究它并删除任何奇怪的第 3 方 url 引用等。