| Index: trunk/phase3/resources/mediawiki/mediawiki.debug.css |
| — | — | @@ -19,6 +19,7 @@ |
| 20 | 20 | .mw-debug table { |
| 21 | 21 | border-spacing: 0; |
| 22 | 22 | width: 100%; |
| | 23 | + table-layout: fixed; |
| 23 | 24 | } |
| 24 | 25 | |
| 25 | 26 | .mw-debug table tr { |
| — | — | @@ -32,6 +33,7 @@ |
| 33 | 34 | .mw-debug table td { |
| 34 | 35 | padding: 4px 10px; |
| 35 | 36 | border-bottom: 1px solid #eee; |
| | 37 | + word-wrap: break-word; |
| 36 | 38 | } |
| 37 | 39 | |
| 38 | 40 | .mw-debug table td.nr { |
| Index: trunk/phase3/resources/mediawiki/mediawiki.debug.js |
| — | — | @@ -185,6 +185,12 @@ |
| 186 | 186 | |
| 187 | 187 | $table = $( '<table id="mw-debug-querylist"></table>' ); |
| 188 | 188 | |
| | 189 | + // Widths on table cells and columns behave weird in some browsers like Chrome, |
| | 190 | + // in that, contrary to the W3 box model, padding does not increase cells having a fixed width |
| | 191 | + $('<colgroup>').css( 'width', /*padding=*/20 + ( String( this.data.queries.length ).length*/*fontSize*/11 ) ).appendTo( $table ); |
| | 192 | + $('<colgroup>').appendTo( $table ); |
| | 193 | + $('<colgroup>').css( 'width', 350 ).appendTo( $table ); |
| | 194 | + |
| 189 | 195 | for ( i = 0, length = this.data.queries.length; i < length; i += 1 ) { |
| 190 | 196 | query = this.data.queries[i]; |
| 191 | 197 | |
| — | — | @@ -198,6 +204,7 @@ |
| 199 | 205 | .appendTo( $table ); |
| 200 | 206 | } |
| 201 | 207 | |
| | 208 | + |
| 202 | 209 | return $table; |
| 203 | 210 | }, |
| 204 | 211 | |