diff options
Diffstat (limited to 'printing_templates/two_dives.html')
| -rw-r--r-- | printing_templates/two_dives.html | 37 |
1 files changed, 24 insertions, 13 deletions
diff --git a/printing_templates/two_dives.html b/printing_templates/two_dives.html index 574579f90..62502272b 100644 --- a/printing_templates/two_dives.html +++ b/printing_templates/two_dives.html @@ -5,10 +5,13 @@ background-color: white; padding: 0px; margin: 0px; + font-size: {{ template_options.font_size }}vw; + line-height: {{ template_options.line_spacing }}; + font-family: {{ template_options.font }}; } h1 { - font-size: 0.9cm; + font-size: {{ template_options.font_size }}vw; float: left; } @@ -20,49 +23,56 @@ margin-top: 0; margin-bottom: 0; overflow: hidden; - border-width: 0px; page-break-inside: avoid; } .innerContainer { height: 85%; - border-style: solid; padding: 0.5%; margin-top: 1%; margin-bottom: 1%; overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border:max(0.1vw, 1px); + border-style:solid; } .table_class { overflow: hidden; max-width: 25%; min-width: 25%; - box-shadow: 5px 5px 5px #888888; margin: 1.5%; float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border:max(0.1vw, 1px); + border-style:solid; } .notes_table_class { overflow: hidden; max-width: 100%; min-width: 100%; - box-shadow: 5px 5px 5px #888888; margin: 1.5%; float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border:max(0.1vw, 1px); + border-style:solid; } .fieldTitle { background-color: #CfC7C5; overflow: hidden; + padding:0; } .diveProfile { width: 37%; - height: 70%; + height: 95%; margin: 1.5%; float: right; - border-style: solid; - padding: 3mm; } .diveDetails { @@ -80,9 +90,10 @@ } .textArea { - max-height: 43ex; overflow: hidden !important; text-overflow: ellipsis; + max-height: 10.3vw; + line-height: {{ template_options.line_spacing }}; } #footer { @@ -91,14 +102,14 @@ } </style> </head> -<body> +<body data-numberofdives = 2> {% block main_rows %} {% for dive in dives %} <div class="mainContainer"> <div class="innerContainer"> <div class="diveDetails"> <div class="dataPart"> - <table class="table_class" border="1"> + <table class="table_class"> <tbody><tr> <td class="fieldTitle"> <h1> Dive No. </h1> @@ -139,7 +150,7 @@ </td> </tr> </tbody></table> - <table class="table_class" border="1"> + <table class="table_class"> <tbody><tr> <td class="fieldTitle"> <h1> Time. </h1> @@ -184,7 +195,7 @@ </div> </div> <div class="notesPart"> - <table class="notes_table_class" border="1"> + <table class="notes_table_class"> <tbody><tr> <td class="fieldTitle"> <h1> Notes </h1> |