Enhance print layouts with branded headers and fix navigation consistency

- Replace plain print headers with full branded headers including logo
  - Add dynamic tournament-type styling (🎯 4-target,  20-target, 💪 40-target)
  - Remove border lines and optimize spacing for clean print appearance
  - Fix emoji positioning in league championship headers
  - Standardize navigation with proper active button indicators
  - Add missing translation keys for calculator instructions
  - Update print media queries for professional document output

  Print improvements:
  - Logo and branding now appear on printed results
  - Consistent 20px spacing between header and table
  - Clean white background with subtle borders
  - Optimized typography for print readability

  Navigation fixes:
  - Added active button highlighting across all PC pages
  - Consistent navigation order: Dashboard → Tournament → Player Analysis → Archive → Draft →
  Calculator
  - Fixed draft page active indicator

  🤖 Generated with Claude Code

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

  This commit message covers all the major improvements we made:
  - Print layout enhancements with branded headers
  - Navigation standardization and active indicators
  - Translation fixes
  - Visual styling improvements
  - Professional document output optimization
This commit is contained in:
2025-09-20 20:03:44 +02:00
parent 33758e7340
commit c61c1448e4
62 changed files with 45554 additions and 11528 deletions
+14 -2
View File
@@ -385,7 +385,7 @@
<path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
</svg>
</button>
<a href="/" class="control-btn close-btn" title="Close Fullscreen"></a>
<a href="#" onclick="goBack()" class="control-btn close-btn" title="Close Fullscreen"></a>
</div>
</div>
@@ -666,7 +666,7 @@
document.addEventListener('keydown', function(event) {
switch(event.key) {
case 'Escape':
window.location.href = '/';
goBack();
break;
case 'f':
case 'F':
@@ -761,6 +761,18 @@
document.getElementById('fullscreenStream').addEventListener('dragstart', function(e) {
e.preventDefault();
});
function goBack() {
// Check if user came from mobile by looking at referrer or user agent
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
const referrer = document.referrer;
if (isMobile || referrer.includes('/mobile/')) {
window.location.href = '/mobile/streams';
} else {
window.location.href = '/';
}
}
</script>
</body>
</html>