r87975 MediaWiki - Code Review archive

#config-live-log isn't floated. How does this fix anything ? From what I can see it moves the issue.

The problem is that the sidebar (#config-page-list) has a width of 12em (18em including the padding margin) and the page content itself has a fluid width, so no matter what percentage it is set to it will always misalign with the rest of the paragraphs, and there will always be a case where it jumps below the sidebar if it's too wide.

compare:

• #config-live-log { width: 75%: narrow window (http://toolserver.org/~krinkle/tmp/87975-narrow-75.png)
• #config-live-log { width: 70%: narrow window (http://toolserver.org/~krinkle/tmp/87975-wide-70.png)
• #config-live-log { width: 75%: wide window (http://toolserver.org/~krinkle/tmp/87975-narrow-75.png)
• #config-live-log { width: 70%: wide window (http://toolserver.org/~krinkle/tmp/87975-wide-70.png)

I think neither is better or worse, they're all misaligned. The results may vary from browser to browser, though. But sadly it's implossible for a {[tag|textarea|open}} to get the same width as the paragraphs or the infobox (next to the sidebar). Reason being that those can have an auto width and/or overflow:hidden to get the proper size, where a textarea can't.

It's not hopeless though, it can be fixed by removing the width all together (letting it fallback to width:100%) and wrap the ‎<textarea> in a ‎<div> that can be adapted to the context. Done in r89835.