Skip to content

Commit 1a1ad08

Browse files
committed
style(panel): update styles for Tracy toggle elements
- Improved cursor and display properties for toggle elements - Enhanced hover and active states for better user interaction - Adjusted color and font-weight for better visibility - Added opacity effect for toggle indicators
1 parent 92fc633 commit 1a1ad08

File tree

1 file changed

+14
-7
lines changed

1 file changed

+14
-7
lines changed

src/Diagnostics/Panel/panel.phtml

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,8 @@ namespace Spameri\Elastic\Diagnostics\Panel;
3434
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3535
}
3636

37-
#nette-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object,
38-
#tracy-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object {
37+
#nette-debug .elasticSearchPanel .tracy-toggle,
38+
#tracy-debug .elasticSearchPanel .tracy-toggle {
3939
cursor: pointer !important;
4040
display: inline-block !important;
4141
padding: 4px 10px !important;
@@ -44,20 +44,27 @@ namespace Spameri\Elastic\Diagnostics\Panel;
4444
border: 1px solid #bbb !important;
4545
border-radius: 4px !important;
4646
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
47-
color: #333 !important;
47+
color: #C22 !important;
48+
font-weight: bold !important;
4849
}
4950

50-
#nette-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:hover,
51-
#tracy-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:hover {
51+
#nette-debug .elasticSearchPanel .tracy-toggle:hover,
52+
#tracy-debug .elasticSearchPanel .tracy-toggle:hover {
5253
background: #e8e8e8 !important;
5354
border-color: #aaa !important;
5455
}
5556

56-
#nette-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:active,
57-
#tracy-debug .elasticSearchPanel .tracy-toggle > .tracy-dump-object:active {
57+
#nette-debug .elasticSearchPanel .tracy-toggle:active,
58+
#tracy-debug .elasticSearchPanel .tracy-toggle:active {
5859
background: #ddd !important;
5960
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
6061
}
62+
63+
#nette-debug .elasticSearchPanel .tracy-toggle::after,
64+
#tracy-debug .elasticSearchPanel .tracy-toggle::after {
65+
opacity: 0.7 !important;
66+
margin-left: 4px !important;
67+
}
6168
</style>
6269
<h1>
6370
Elastic queries:

0 commit comments

Comments
 (0)