error 500: improved CSS style reset [Closes nette/tracy#581]

dg · dg · commit b94eec7a543e · 2025-01-16T04:12:33.000+01:00
diff --git a/src/Application/templates/error.phtml b/src/Application/templates/error.phtml
@@ -27,11 +27,12 @@ $message = $messages[$code] ?? $messages[0];
 <title><?= $message[0] ?></title>
 
 <style>
-	#nette-error { all: initial; position: absolute; top: 0; left: 0; right: 0; height: 70vh; min-height: 400px; display: flex; align-items: center; justify-content: center; z-index: 1000 }
-	#nette-error div { all: initial; max-width: 550px; background: white; color: #333; display: block }
-	#nette-error h1 { all: initial; font: bold 50px/1.1 sans-serif; display: block; margin: 40px }
-	#nette-error p { all: initial; font: 20px/1.4 sans-serif; margin: 40px; display: block }
-	#nette-error small { color: gray }
+	#nette-error { all: initial; position: absolute; top: 0; left: 0; right: 0; height: 70vh; min-height: 400px; display: flex; align-items: center; justify-content: center; z-index: 1000; font: 16px/1.4 sans-serif; color: #333 }
+	#nette-error * { all: initial; background: transparent; color: inherit; font: inherit }
+	#nette-error div { max-width: 550px; background: white; display: block }
+	#nette-error h1 { font: bold 50px/1.1 sans-serif; margin: 40px; display: block }
+	#nette-error p { font: 20px/1.4 sans-serif; margin: 40px; display: block }
+	#nette-error small { color: gray; font-size: 80% }
 </style>
 
 <div id=nette-error>
