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:
@@ -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>
|
||||
Reference in New Issue
Block a user