ConnectionPanel: table does not exceed the window

Author: dg

src/Bridges/DatabaseTracy/dist/panel.phtml

@@ -2,7 +2,7 @@
 declare(strict_types=1);
 ?>
 <style class="tracy-debug">
-	#tracy-debug td.nette-DbConnectionPanel-sql { background: white !important }
+	#tracy-debug td.nette-DbConnectionPanel-sql { background: white !important; overflow-x: auto; max-width: 0; }
 	#tracy-debug .nette-DbConnectionPanel-source { color: #BBB !important }
 	#tracy-debug .nette-DbConnectionPanel-explain td { white-space: pre }
 	#tracy-debug td.nette-DbConnectionPanel-sql-insert { background: #E7ffE7 !important }
@@ -12,13 +12,12 @@ declare(strict_types=1);
 
 <h1 title="<?= Tracy\Helpers::escapeHtml($connection->getDsn()) ?>">Queries: <?= Tracy\Helpers::escapeHtml($count) ?><?= Tracy\Helpers::escapeHtml($totalTime ? sprintf(', time: %0.3f ms', $totalTime * 1000) : '') ?>, <?= Tracy\Helpers::escapeHtml($name) ?></h1>
 
-<div class="tracy-inner">
-<div class="tracy-inner-container">
+<div class="tracy-inner" style="min-width: 600px">
 	<table class="tracy-sortable">
 		<tr>
-			<th>Time&nbsp;ms</th>
+			<th style="width: 1%">Time&nbsp;ms</th>
 			<th>SQL Query</th>
-			<th>Rows</th>
+			<th style="width: 1%">Rows</th>
 		</tr>
 
 <?php foreach ($queries as [$connection, $sql, $params, $source, $time, $rows, $error, $command, $explain]): ?>
@@ -67,4 +66,3 @@ declare(strict_types=1);
 <?php if (count($queries) < $count): ?>	<p>...and more</p><?php endif ?>
 
 </div>
-</div>

src/Bridges/DatabaseTracy/panel.latte

@@ -1,5 +1,5 @@
 <style class="tracy-debug">
-	#tracy-debug td.nette-DbConnectionPanel-sql { background: white !important }
+	#tracy-debug td.nette-DbConnectionPanel-sql { background: white !important; overflow-x: auto; max-width: 0; }
 	#tracy-debug .nette-DbConnectionPanel-source { color: #BBB !important }
 	#tracy-debug .nette-DbConnectionPanel-explain td { white-space: pre }
 	#tracy-debug td.nette-DbConnectionPanel-sql-insert { background: #E7ffE7 !important }
@@ -9,13 +9,12 @@
 
 <h1 title="{$connection->getDsn()}">Queries: {$count}{$totalTime ? sprintf(', time: %0.3f ms', $totalTime * 1000) : ''}, {$name}</h1>
 
-<div class="tracy-inner">
-<div class="tracy-inner-container">
+<div class="tracy-inner" style="min-width: 600px">
 	<table class="tracy-sortable">
 		<tr>
-			<th>Time&nbsp;ms</th>
+			<th style="width: 1%">Time&nbsp;ms</th>
 			<th>SQL Query</th>
-			<th>Rows</th>
+			<th style="width: 1%">Rows</th>
 		</tr>
 
 		{foreach $queries as [$connection, $sql, $params, $source, $time, $rows, $error, $command, $explain]}
@@ -59,4 +58,3 @@
 
 	{if count($queries) < $count}<p>...and more</p>{/if}
 </div>
-</div>

tests/Database.Tracy/panel.html

@@ -1,8 +1,7 @@
 %A%
 <h1 title="sqlite::memory:">Queries: 4, time: %a% ms, foo</h1>
 
-<div class="tracy-inner">
-<div class="tracy-inner-container">
+<div class="tracy-inner" style="min-width: 600px">
 	<table class="tracy-sortable">
 %A%
 				<td %a%>%A%</td>
@@ -55,4 +54,3 @@ <h1 title="sqlite::memory:">Queries: 4, time: %a% ms, foo</h1>
 	</table>
 
 </div>
-</div>