Skip to content

Commit b30a3e0

Browse files
committed
style(panel): update button styles and duration format
- Increased padding and adjusted background colors for buttons - Added hover and active states for better user interaction - Formatted query duration to display milliseconds
1 parent 02b16a0 commit b30a3e0

File tree

1 file changed

+33
-5
lines changed

1 file changed

+33
-5
lines changed

src/Diagnostics/Panel/panel.phtml

Lines changed: 33 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,16 +10,44 @@ namespace Spameri\Elastic\Diagnostics\Panel;
1010

1111
#nette-debug .elasticSearchPanel-copy {
1212
cursor: pointer;
13-
padding: 2px 6px;
13+
padding: 4px 10px;
1414
font-size: 11px;
15-
background: #eee;
16-
border: 1px solid #ccc;
17-
border-radius: 3px;
15+
background: #f5f5f5;
16+
border: 1px solid #bbb;
17+
border-radius: 4px;
1818
margin-left: 4px;
19+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
1920
}
2021

2122
#nette-debug .elasticSearchPanel-copy:hover {
23+
background: #e8e8e8;
24+
border-color: #aaa;
25+
}
26+
27+
#nette-debug .elasticSearchPanel-copy:active {
28+
background: #ddd;
29+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
30+
}
31+
32+
#nette-debug .elasticSearchPanel .tracy-toggle .tracy-dump-object {
33+
cursor: pointer;
34+
display: inline-block;
35+
padding: 4px 10px;
36+
font-size: 11px;
37+
background: #f5f5f5;
38+
border: 1px solid #bbb;
39+
border-radius: 4px;
40+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
41+
}
42+
43+
#nette-debug .elasticSearchPanel .tracy-toggle .tracy-dump-object:hover {
44+
background: #e8e8e8;
45+
border-color: #aaa;
46+
}
47+
48+
#nette-debug .elasticSearchPanel .tracy-toggle .tracy-dump-object:active {
2249
background: #ddd;
50+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2351
}
2452
</style>
2553
<h1>
@@ -42,7 +70,7 @@ namespace Spameri\Elastic\Diagnostics\Panel;
4270
<tr>
4371
<td><?= $query['uri'] ?></td>
4472

45-
<td><?= $query['duration'] ?></td>
73+
<td><?= sprintf('%0.1f', $query['duration']) ?> ms</td>
4674

4775
<td>
4876
<span class="tracy-toggle tracy-collapsed">

0 commit comments

Comments
 (0)