SDL_mixer: examples: Make source code/console tabs pop up to 80% of page height.

SDL Commits
1 
From 893c3ee67e6fbf7ec3ac4fed016c5251836888df Mon Sep 17 00:00:00 2001
From: "Ryan C. Gordon" <[EMAIL REDACTED]>
Date: Wed, 18 Feb 2026 20:26:30 -0500
Subject: [PATCH] examples: Make source code/console tabs pop up to 80% of page
 height.

This matches the change we made for SDL3.
---
 examples/template.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/template.html b/examples/template.html
index b8b67006..3db340c6 100644
--- a/examples/template.html
+++ b/examples/template.html
@@ -92,7 +92,7 @@
 
       #output-container:hover,
       #output-container:focus-within {
-        top: 50%;
+        top: 20%;
       }
 
       #output-container:focus-within {
@@ -151,7 +151,7 @@
 
       #source-code:hover,
       #source-code:focus-within {
-        top: 50%;
+        top: 20%;
       }
 
       #source-code:focus-within {
@@ -241,7 +241,7 @@ <h3>Other examples:</h3>
           return function(text) {
             var elem = document.getElementById('output-container');
             if (elem.style['top'] == '') {
-                elem.style['top'] = '50%';
+                elem.style['top'] = '20%';
                 setTimeout(function() { elem.style['top'] = ''; }, 3000);
             }