Last modified: 2013-08-28 17:19:08 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T29047, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 27047 - Nicer design for pre elements in Vector
Nicer design for pre elements in Vector
Status: RESOLVED FIXED
Product: MediaWiki
Classification: Unclassified
Interface (Other open bugs)
unspecified
All All
: Normal enhancement with 1 vote (vote)
: ---
Assigned To: Krinkle
: easy
Depends on:
Blocks: 44881
  Show dependency treegraph
 
Reported: 2011-01-30 19:34 UTC by The Evil IP address
Modified: 2013-08-28 17:19 UTC (History)
10 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
vector/screen.css (662 bytes, patch)
2011-01-30 19:34 UTC, The Evil IP address
Details
Comparison of the three styles (32.35 KB, image/png)
2013-07-24 16:13 UTC, Bartosz Dziewoński
Details
Comparison of the four styles (43.08 KB, image/png)
2013-07-24 17:11 UTC, Bartosz Dziewoński
Details

Description The Evil IP address 2011-01-30 19:34:17 UTC
Created attachment 8066 [details]
vector/screen.css

I think that the default style of pre elements in Vector looks a bit deprecated. I noted that after seeing how Commons has customized the display of this, which I believe is worth consideration for the MediaWiki core IMO, too. In the Monobook skin, I think the dashed border is quite ok, but I believe that Commons' way of doing this fits better into the Vector skin than Monobook's implementation of this.

Compare for example http://commons.wikimedia.org/wiki/MediaWiki:Common.css and http://www.mediawiki.org/wiki/MediaWiki:Common.css

The original idea comes from Diebuche, http://commons.wikimedia.org/w/index.php?title=MediaWiki:Vector.css&diff=44847269&oldid=43480117
Comment 1 p858snake 2011-04-30 00:09:58 UTC
*Bulk BZ Change: +Patch to open bugs with patches attached that are missing the keyword*
Comment 2 DieBuche 2011-04-30 19:50:16 UTC
Commited in r87173
Comment 3 Brion Vibber 2011-06-07 23:56:48 UTC
Reverted in r89712; adds breaking of long words which isn't what's expected in pre sections.
Comment 4 Erwin Dokter 2011-06-17 15:02:15 UTC
Could you not have just removed the offending line?
Comment 5 Erwin Dokter 2011-07-06 22:31:35 UTC
Seems to be fixed in r91548.
Comment 6 Daniel Friesen 2012-02-12 08:52:16 UTC
This was reverted wasn't it?
Comment 7 Erwin Dokter 2012-02-12 11:00:41 UTC
Yes, it was reverted in r93912. Apparently because overflow-x: auto; causes the horizontal scrollbar to be placed at the bottom of the page (in Vector) instead of at the bottom of the pree element or browser window. So let's forget about the overflow.

That leaves the styling. Personally, I don't like the Commons styling anyway. Personally, I would change just the 'dashed' to 'dotted' and decrease the padding to 0.5em.
Comment 8 Quim Gil 2013-04-02 17:41:19 UTC
What is the status of this? You had some code already, going back and forth.
Comment 9 Bartosz Dziewoński 2013-07-24 15:26:06 UTC
The overflow/scrollbar/wrapping part is bug 260.

The styles for the other part should now go into common/commonElements.css instead of vector/screen.css. Current styles are (still the same as in 2011):

	border: 1px dashed #2f6fab;
	background-color: #f9f9f9;

The proposition here is:

	border: 1px solid #ebebeb;
	background-color: #f7f7f7;

This is closer to how Modern renders these:

	border: solid 1px #3c78b5;
	background-color: #f0f0f0;


I'm not sure if it's still a good idea to change these, given for how long they were there; I'll upload some screenshots in a while anyway.
Comment 10 Bartosz Dziewoński 2013-07-24 16:13:15 UTC
Created attachment 12944 [details]
Comparison of the three styles
Comment 11 Isarra 2013-07-24 16:28:02 UTC
The proposed looks good and matches the overall vector style.
Comment 12 Krinkle 2013-07-24 16:57:53 UTC
+1. We've had this on Wikimedia Commons for a while, and it fits very well in the overal Vector design and even as a good default in general (so, Monobook as well).

The old style both has a too prominent border (dark blue) and grabs even more unnecessary attention by also being dashed.

The only thing we may want to adjust in the proposal is which shades of grey we use. Avoid introducing new shades that aren't used anywhere else that are almost the same as an already used shade.

I'd recommend we stick to #f9f9f9 for the background and not change it to the (darker) #f7f7f7. The difference is almost impossible to see, and this way it matches the background of the table of contents.

And for the border, #ddd instead of #ebebeb. Again, almost the same (#ddd is slightly darker) and matches (for example) the thumbborder of the common stylesheet used by both Vector and Monobook.
Comment 13 Gerrit Notification Bot 2013-07-24 16:59:18 UTC
Change 75641 had a related patch set uploaded by SuchABot:
Bug 27047: COMMONS MAN

https://gerrit.wikimedia.org/r/75641
Comment 14 Gerrit Notification Bot 2013-07-24 17:02:40 UTC
Change 75643 had a related patch set uploaded by Krinkle:
skins: Make border style of <pre> more subtle for common skins

https://gerrit.wikimedia.org/r/75643
Comment 15 Bartosz Dziewoński 2013-07-24 17:11:48 UTC
Created attachment 12946 [details]
Comparison of the four styles

Comparison of the four styles (including Krinkle's proposal).
Comment 16 Gerrit Notification Bot 2013-07-25 06:45:33 UTC
Change 75641 abandoned by Yuvipanda:
Bug 27047: COMMONS MAN

Reason:
Because Krinkle also fixed this

https://gerrit.wikimedia.org/r/75641
Comment 17 Gerrit Notification Bot 2013-08-06 11:26:12 UTC
Change 75643 merged by jenkins-bot:
skins: Make border style of <pre> more subtle for common skins

https://gerrit.wikimedia.org/r/75643

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links