From: Krinkle <krinkle@users.mediawiki.org>
Date: Fri, 30 Dec 2011 18:21:49 +0000 (+0000)
Subject: [mediawiki.debug] attempt at fixing off-screen mega wide cells for some queries.
X-Git-Tag: 1.31.0-rc.0~25675
X-Git-Url: https://git.cyclocoop.org/%242?a=commitdiff_plain;h=01e549024e2184505a8ac78a4cf94e89187a46c6;p=lhc%2Fweb%2Fwiklou.git

[mediawiki.debug] attempt at fixing off-screen mega wide cells for some queries.
* See also r107610 CR
---

diff --git a/resources/mediawiki/mediawiki.debug.css b/resources/mediawiki/mediawiki.debug.css
index fdaf9fd269..fe25e7521d 100644
--- a/resources/mediawiki/mediawiki.debug.css
+++ b/resources/mediawiki/mediawiki.debug.css
@@ -19,6 +19,7 @@
 .mw-debug table {
 	border-spacing: 0;
 	width: 100%;
+	table-layout: fixed;
 }
 
 .mw-debug table tr {
@@ -32,6 +33,7 @@
 .mw-debug table td {
 	padding: 4px 10px;
 	border-bottom: 1px solid #eee;
+	word-wrap: break-word;
 }
 
 .mw-debug table td.nr {
diff --git a/resources/mediawiki/mediawiki.debug.js b/resources/mediawiki/mediawiki.debug.js
index b446b59975..ce9affe6f1 100644
--- a/resources/mediawiki/mediawiki.debug.js
+++ b/resources/mediawiki/mediawiki.debug.js
@@ -185,6 +185,12 @@
 
 			$table = $( '<table id="mw-debug-querylist"></table>' );
 
+			// Widths on table cells and columns behave weird in some browsers like Chrome,
+			// in that, contrary to the W3 box model, padding does not increase cells having a fixed width
+			$('<colgroup>').css( 'width', /*padding=*/20 + ( String( this.data.queries.length ).length*/*fontSize*/11 ) ).appendTo( $table );
+			$('<colgroup>').appendTo( $table );
+			$('<colgroup>').css( 'width', 350 ).appendTo( $table );
+
 			for ( i = 0, length = this.data.queries.length; i < length; i += 1 ) {
 				query = this.data.queries[i];
 
@@ -198,6 +204,7 @@
 					.appendTo( $table );
 			}
 
+
 			return $table;
 		},