MediaWiki talk:Common.css

Requesting

pre { overflow-y: auto }

be added. This will solve the persistent problem of preformatted blocks overflowing the width of the page; this is never desirable, and this solution produces a simple, usable scrollbar when such cases would occur; if it is indeed undesirable for some reason or another, it can be overridden with style attributes at the tag level just as I've fixed these two isolated incidents. Thanks. —ehird 16:55, 14 October 2011 (UTC)

I wish to point out that I hate this kind of page-embedded horizontal scrollbar on code which is so tall that you cannot see the scrollbar and the text you are trying to scroll simultaneously. And find it slightly annoying otherwise. After all my browser has a perfectly useable scrollbar which doesn't require me to PgUp/PgDn to find it. --Ørjan 12:44, 15 October 2011 (UTC)

Considering the default wiki design actually breaks in the presence of horizontal scrollbars, the fact that code snippets that require a horizontal scrollbar are very rare since line-wrapping is a ubiquitous practice, and that everybody with good sense hates horizontal scrollbars, I think localising them is by far the superior option. I think I've already done it for the only two examples I've ever seen, but I might have missed some, and this is a cleaner solution. —ehird 17:49, 15 October 2011 (UTC)

To add to that, the only two examples I know are very short (linked above), and so the "seeing the code without the scrollbar because of length" problem does not occur. In general, I would much prefer to reformat code so that it does not overflow horizontally, but I didn't want to edit talk page comments, and I don't know how that would be done (or if it's even possible) for the Thutu code. —ehird 18:16, 15 October 2011 (UTC)

Request

I would like to request the following CSS to be added. This is to make readable tables possible :) Timwi 22:57, 15 October 2011 (UTC)

   table.nice {
       border-collapse: collapse;
   }
   table.nice td, table.nice th {
       text-align: left;
       vertical-align: top;
       padding: .1em 1em .1em .5em;
       border-bottom: 1px solid #ccc;
   }
   table.nice th {
       background: #eee;
   }
   table.fullwidth {
       width: 100%;
   }