Hi Roan,
Thanks for looking into this! More below:
On Fri, May 28, 2010 at 3:02 AM, Roan Kattouw <roan.kattouw(a)gmail.com>wrote;wrote:
The way I see this (and, mind you, I'm not a CSS
ninja at all, just
someone with a more-than-basic knowledge of CSS), there's two ways to
solve this (assuming you want the lock icon to be next to the page
title, above the horizontal line):
1) Use different positioning offsets for each skin. This is ugly, but
will probably work. For Monobook, top: 3.6em; seems to work for me,
whereas on Vector, top: -2.5em; produces the same effect. You can do
skin-specific CSS with rules like body.skin-monobook
.flaggedrevs_short { top: 3.6em; } , but again, you don't want to be
doing this (there's another half dozen skins out there) and I have no
idea whether these offsets will work well in other browsers.
I think this is the crux of the problem. From what Aaron tells me, Monobook
and Vector are already using different offsets here. I've not had a chance
to do a deep dive myself, so that I think you've identified what's the most
challenging here. This is one of those areas in CSS where different
browsers handle things very differently, so getting this right has been a
bit of a mess.
At any rate, thanks again for looking, and if you have more ideas or do more
digging, please let us know. Aaron and Adam (from the Usability team) are
hopefully going to get a chance to look at this in more detail next week,
but I'm sure they'd be delighted if someone figures out the right way of
dealing with this before then.
Rob