v0.3.0: Responsive-Layout Fixes (Script-Position + CSS-Spezifität)

Drei Bugs gefixt die Responsive-Layout kaputt machten:

1. Script-Tag war NACH </body> platziert (HTML-invalid)
   Fix: Script-Tag ist jetzt VOR </body> im vault.html-Patch

2. CSS-Spezifität zu niedrig (nur .vault-app statt .vault-app.hermes-rc)
   Fix: 2-Klassen-Selektoren .vault-app.hermes-rc.X schlagen obv's
   Single-Class-Selektoren

3. Mobile-Overflow nicht kontrolliert
   Fix: overflow-x: hidden auf .vault-app + .vault-content,
   word-wrap + overflow-wrap für lange URLs/Codes

Außerdem:
- Init mit 50ms-Delay nach DOMContentLoaded (gibt obv Zeit für Setup)
- Hamburger-Toggle mit e.stopPropagation()
- Tablet-Graph als Bottom-Panel (220px) mit border-top statt border-left
- Mobile-Graph komplett hidden (war: nur klein)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

This commit is contained in:

agent

2026-07-16 18:17:35 +00:00

co-authored by

Claude

parent bb9bdf817f

commit 4bb8134b9c

2 changed files with 262 additions and 166 deletions

									
										vault.html
									
		+1
		-1
	
												View File
												
				@@ -349,6 +349,6 @@ async function loadGraph() {

				loadTree();

				loadGraph();

				</script>

				</body>

				<script src="vault-custom.js"></script>

				</body>

				</html>