fix(ui): fix FAQ answer truncation and implement cache busting

Two fixes for production deployment:

1. FAQ Answer Truncation Fix:
   - Changed max-height from 2000px to none in faq.html
   - Allows answers to expand to full height without cutting off
   - Fixes Q18-Q22 (value pluralism) answers being truncated

2. Cache Busting:
   - Updated version from v=1.0.3 to v=1.0.4
   - Forces browser cache refresh for JavaScript and CSS
   - Ensures value pluralism documents visible in docs.html sidebar
   - Updated in both faq.html and docs.html

User feedback: "Some of the Answers in the new Q&As are cutting off
the bottom end of the Answer" and "I cannot find the three new files
in the left sidebar at docs.html on production"

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
TheFlow 2025-10-12 17:02:03 +13:00
parent 81270b0897
commit 6d4715519e
2 changed files with 9 additions and 9 deletions

View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Framework Documentation | Tractatus AI Safety</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="/css/tailwind.css?v=1.0.3">
<link rel="stylesheet" href="/css/tailwind.css?v=1.0.4">
<style>
html { scroll-behavior: smooth; }
@ -380,7 +380,7 @@
<a href="#main-content" class="skip-link">Skip to main content</a>
<!-- Navigation (injected by navbar.js) -->
<script src="/js/components/navbar.js?v=1.0.3"></script>
<script src="/js/components/navbar.js?v=1.0.4"></script>
<!-- Page Header -->
<div class="bg-white border-b border-gray-200">
@ -717,9 +717,9 @@
</div>
</div>
<script src="/js/components/document-cards.js?v=1.0.3"></script>
<script src="/js/docs-app.js?v=1.0.3"></script>
<script src="/js/docs-search-enhanced.js?v=1.0.3"></script>
<script src="/js/components/document-cards.js?v=1.0.4"></script>
<script src="/js/docs-app.js?v=1.0.4"></script>
<script src="/js/docs-search-enhanced.js?v=1.0.4"></script>
</body>
</html>

View file

@ -6,7 +6,7 @@
<title>Frequently Asked Questions | Tractatus AI Safety Framework</title>
<meta name="description" content="Common questions about Tractatus framework: implementation, performance, relationship to Claude Code, and governance architecture.">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="/css/tailwind.css?v=1.0.3">
<link rel="stylesheet" href="/css/tailwind.css?v=1.0.4">
<!-- Syntax highlighting for code blocks -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
@ -38,7 +38,7 @@
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.faq-item.open .faq-answer { max-height: 2000px; }
.faq-item.open .faq-answer { max-height: none; }
.faq-arrow {
transition: transform 0.2s ease;
display: inline-block;
@ -183,7 +183,7 @@
<a href="#main-content" class="skip-link">Skip to main content</a>
<!-- Navigation -->
<script src="/js/components/navbar.js?v=1.0.3"></script>
<script src="/js/components/navbar.js?v=1.0.4"></script>
<!-- Hero -->
<div class="bg-gradient-to-br from-blue-50 to-indigo-50 py-16">
@ -336,7 +336,7 @@
</div>
</footer>
<script src="/js/faq.js?v=1.0.3"></script>
<script src="/js/faq.js?v=1.0.4"></script>
</body>
</html>