aotds/aotds-docks
1
0
Fork 0
Code Issues 28 Pull Requests Projects 2 Releases Wiki Activity

printing the ship

Browse Source
This commit is contained in:
Yanick Champoux 2022-04-02 18:37:49 -04:00
parent 63f8f70a93
commit 248491642b
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/components/Output/Print/index.svelte
View File

@ -1,3 +1,4 @@
<div class="print-output"> <div class="print-output">
<Identification <Identification
shipClass={ship.identification.shipClass} shipClass={ship.identification.shipClass}
@ -26,6 +27,10 @@
/> />
</div> </div>
<div class="notice">
Printing this page will only prints the ship sheet.
</div>
<script> <script>
import Identification from "./Identification/index.svelte"; import Identification from "./Identification/index.svelte";
import MainSystems from "./MainSystems/index.svelte"; import MainSystems from "./MainSystems/index.svelte";
@ -51,4 +56,21 @@
margin-right: 2em; margin-right: 2em;
margin-left: 2em; margin-left: 2em;
} }
.notice {
font-style: italic;
margin-top: 1em;
text-align: right;
}
@media print {
:global(body > *) {
visibility: hidden;
}
.print-output {
visibility: visible;
}
}
</style> </style>