Print function correction + player analysis fix and player stats fix
This commit is contained in:
@@ -880,12 +880,94 @@
|
||||
.refresh-indicator.show {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* PRINT STYLES - Clean professional printout */
|
||||
@media print {
|
||||
/* Hide everything except the rankings table */
|
||||
.navbar,
|
||||
.left-column,
|
||||
.tv-refresh-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Reset body and html for print */
|
||||
html, body {
|
||||
height: auto !important;
|
||||
overflow: visible !important;
|
||||
background: white !important;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
}
|
||||
|
||||
/* Make the container take full width and remove grid */
|
||||
.tv-container {
|
||||
display: block !important;
|
||||
height: auto !important;
|
||||
padding: 0 !important;
|
||||
gap: 0 !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Style the right column for print */
|
||||
.right-column {
|
||||
background: white !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
overflow: visible !important;
|
||||
display: block !important;
|
||||
height: auto !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Create a beautiful print header */
|
||||
.table-header {
|
||||
background: white !important;
|
||||
padding: 30px 0 30px 0 !important;
|
||||
border-bottom: 3px solid #007bff !important;
|
||||
text-align: center;
|
||||
margin-bottom: 30px !important;
|
||||
page-break-inside: avoid;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Add logo using CSS */
|
||||
.table-header::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: 80px;
|
||||
margin: 0 auto 20px auto;
|
||||
background: url('/static/logo.png') no-repeat center center;
|
||||
background-size: contain;
|
||||
/* Fallback for when logo doesn't load */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Add title using CSS */
|
||||
.table-header::after {
|
||||
content: "🎖️ LEAGUE RESULTS";
|
||||
display: block;
|
||||
font-size: 28pt;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin: 0;
|
||||
letter-spacing: 2px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
}
|
||||
|
||||
/* Hide the original table title */
|
||||
.table-title {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar">
|
||||
<div class="navbar-brand">
|
||||
<div class="navbar-title">🏆 League Results</div>
|
||||
<div class="navbar-title">🎖️ League Results</div>
|
||||
</div>
|
||||
<div class="navbar-controls">
|
||||
<a href="/" class="nav-btn">← Dashboard</a>
|
||||
@@ -927,7 +1009,7 @@
|
||||
{% if participants and participants|length >= 3 %}
|
||||
<!-- Champion Podium -->
|
||||
<div class="champion-section">
|
||||
<div class="champion-title">🏆 League Champions</div>
|
||||
<div class="champion-title">🎖️ League Champions</div>
|
||||
<div class="champion-container">
|
||||
{% for i in range(3) %}
|
||||
{% set participant = participants[i] %}
|
||||
@@ -1091,11 +1173,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Auto-refresh indicator -->
|
||||
<div class="refresh-indicator" id="refreshIndicator">
|
||||
🔄 Updating...
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const participants = {{ participants|tojson }};
|
||||
const league = {{ league|tojson }};
|
||||
|
||||
Reference in New Issue
Block a user