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

【问题标题】：Fixing Gmail's layout with a custom style使用自定义样式修复 Gmail 的布局
【发布时间】：2012-04-24 23:21:35
【问题描述】：

我正在尝试使 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）停止工作。关于如何解决这个问题的任何想法？

【问题讨论】：

我花了一个小时试图让它工作。这似乎是不可能的。 Gmail 捕获所有键盘事件并在其加密的 JavaScript 代码中使用它。添加一些其他 JavaScript 来提供此功能非常复杂。如果没有滚动条，它就无法工作，因为 Gmail 正在尝试滚动 iframe，而不是整个页面。
您希望将多少屏幕用于消息？在我的系统（Firefox 12 / Windows）上，分辨率为 1024x768，我得到一个大约 830x519 像素（不包括滚动条）或宽度的 81% 和高度的 68% 的消息视图。按 F11 获得全屏将消息区域的高度更改为 653 像素，或大约是屏幕的 85%；这对我来说非常有用
Riateche：非常感谢，现在我知道我可能不应该费心去尝试了。
Geoff：对我来说是 830x450 像素。我可以改变我的浏览习惯——重新组织浏览器的外观，使用全屏——但这仍然会带来很大的不便。就我而言，Gmail 的布局更改无疑会变得更糟，所以我正在尽我所能撤消它。

标签： css userscripts

【解决方案1】：

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

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

【讨论】：

是的，我看过这个脚本。它确实修复了滚动，但也尝试重新设计所有内容，在某些地方打破它（如对话视图中的标题）。我会尝试对其进行逆向工程，但它并没有做我想做的事情 - 键盘滚动仍然不起作用，这是我要解决的一个问题。跨度>

【解决方案2】：

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

【讨论】：

我在 Windows 7 上使用 Firefox 12。Gmail 默认为“紧凑”视图（实际上拒绝显示其他任何内容）。没有修改它看起来像这样：i.imgur.com/kANmo.png