I'm trying to make Gmail's new look usable on my small 1024x768 screen - the default layout leaves only a small window for the messages, surrounded by unmoving elements. Scrolling that small window around is massively annoying.
I've managed to make the entire page scrollable using a Stylish user style (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; }
}
The elements that were supposed to have scrollbars now have height: auto
, and what is scrolled is the whole outer page (in #canvas-frame
) that was supposed to remain static.
I'm mostly satisfied with the effect -- it works almost like the old Gmail did. There is, however, a problem - scrolling with keyboard (arrow keys, PgUp/PgDn, Home/End) stopped working. Any ideas on how to fix that?