Hi Roan,
Thanks for looking into this! More below:
On Fri, May 28, 2010 at 3:02 AM, Roan Kattouw roan.kattouw@gmail.comwrote:
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):
- 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