mirror of
https://github.com/jcwimer/wrestlingApp
synced 2026-04-14 08:58:29 +00:00
Better printing for brackets
This commit is contained in:
@@ -1,18 +1,26 @@
|
||||
<style>
|
||||
table.smallText tr td { font-size: 10px; }
|
||||
table.smallText {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table.smallText th,
|
||||
table.smallText td {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
/*
|
||||
* Bracket Layout Specifics
|
||||
*/
|
||||
.bracket {
|
||||
display: flex;
|
||||
font-size: 10px;
|
||||
font-size: 10.5px;
|
||||
gap: 2px;
|
||||
}
|
||||
.game {
|
||||
min-width: 150px;
|
||||
min-height: 50px;
|
||||
min-height: 58px;
|
||||
/*background-color: #ddd;*/
|
||||
border: 1px solid #000; /* Dark border so boxes stay visible when printed */
|
||||
margin: 5px;
|
||||
border: 1.5px solid #000; /* Dark border so boxes stay visible when printed */
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
/*.game:after {
|
||||
@@ -56,14 +64,15 @@ table.smallText tr td { font-size: 10px; }
|
||||
}
|
||||
|
||||
.game-top {
|
||||
border-bottom:1px solid #000;
|
||||
padding: 2px;
|
||||
min-height: 12px;
|
||||
border-bottom:1.5px solid #000;
|
||||
padding: 3px 4px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
.bout-number {
|
||||
text-align: center;
|
||||
/*padding-top: 15px;*/
|
||||
line-height: 1.35;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
/* Style links within bout-number like default links */
|
||||
@@ -77,15 +86,29 @@ table.smallText tr td { font-size: 10px; }
|
||||
}
|
||||
|
||||
.bracket-winner {
|
||||
border-bottom:1px solid #000;
|
||||
padding: 2px;
|
||||
min-height: 12px;
|
||||
border-bottom:1.5px solid #000;
|
||||
padding: 3px 4px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
.game-bottom {
|
||||
border-top:1px solid #000;
|
||||
padding: 2px;
|
||||
min-height: 12px;
|
||||
border-top:1.5px solid #000;
|
||||
padding: 3px 4px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.game,
|
||||
.game-top,
|
||||
.game-bottom,
|
||||
.bracket-winner,
|
||||
table.smallText,
|
||||
table.smallText th,
|
||||
table.smallText td {
|
||||
border-color: #000 !important;
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<% if @tournament.tournament_type == "Pool to bracket" %>
|
||||
|
||||
Reference in New Issue
Block a user