Trying to enhance the usability of Gmail's new design on my small 1024x768 screen has been quite a challenge. The default layout leaves minimal space for messages, surrounded by immovable elements, making scrolling through them an extremely frustrating task.
To address this issue, I was able to create a user style using Stylish (based on a modified version of 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; }
}
This modification allows the previously scrollbar-constrained elements to have height: auto, while enabling scrolling of the entire page in #canvas-frame, which was originally intended to remain static.
The results are promising as it closely resembles the functionality of the older Gmail interface. However, there is one setback - the keyboard scrolling controls (arrow keys, PgUp/PgDn, Home/End) no longer work. Are there any suggestions on how to rectify this issue?