bluescreen: resets <body> display only when is displayed [Closes #545][…

…Closes #546]
nette · Jul 10, 2022 · 6eb6659 · 6eb6659
1 parent 3aadc88
commit 6eb6659
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/Tracy/BlueScreen/assets/bluescreen.css b/src/Tracy/BlueScreen/assets/bluescreen.css
@@ -6,9 +6,10 @@
 	--tracy-space: 16px;
 }
 
-html, body {
+html.tracy-bs-visible,
+html.tracy-bs-visible body {
 	display: block;
-	overflow: visible;
+	overflow: auto;
 }
 
 #tracy-bs {

diff --git a/src/Tracy/BlueScreen/assets/bluescreen.js b/src/Tracy/BlueScreen/assets/bluescreen.js
@@ -7,6 +7,7 @@ class BlueScreen
 	static init(ajax) {
 		let blueScreen = document.getElementById('tracy-bs');
 
+		document.documentElement.classList.add('tracy-bs-visible');
 		if (navigator.platform.indexOf('Mac') > -1) {
 			blueScreen.classList.add('tracy-mac');
 		}
@@ -31,7 +32,10 @@ class BlueScreen
 		});
 
 		blueScreen.addEventListener('tracy-toggle', (e) => {
-			if (!e.target.matches('.tracy-dump *') && e.detail.originalEvent) {
+			if (e.target.matches('#tracy-bs-toggle')) { // blue screen toggle
+				document.documentElement.classList.toggle('tracy-bs-visible', !e.detail.collapsed);
+
+			} else if (!e.target.matches('.tracy-dump *') && e.detail.originalEvent) { // panel toggle
 				e.detail.relatedTarget.classList.toggle('tracy-panel-fadein', !e.detail.collapsed);
 			}
 		});