[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 fdaf9fd..fe25e75 100644 (file)
--- 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 b446b59..ce9affe 100644 (file)
--- 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;
                },