diff --git a/src/client/components/AppFooter.vue b/src/client/components/AppFooter.vue index 453d08bd59a7f1619053cedac16f5e14ed0fb9b6..a0c85fa38df72a7ff4abfb180145472c09cb34f1 100644 --- a/src/client/components/AppFooter.vue +++ b/src/client/components/AppFooter.vue @@ -65,12 +65,6 @@ footer::before { content: url("/institut-pasteur-location.png"); } -@media screen and (width < 550px) { - footer::before { - display: none; - } -} - address { display: flex; flex-flow: column nowrap; @@ -92,4 +86,16 @@ nav ul { gap: 10px; list-style: none; } + +@media screen and (width < 550px) { + footer::before { + display: none; + } +} + +@media print { + footer { + display: none; + } +} </style> diff --git a/src/client/components/AppHeader.vue b/src/client/components/AppHeader.vue index ec9d269ec73696d10a59f6ff5f35925654527f7d..2857b8555bd239db6fe2b5cfad9eb79010ee00c7 100644 --- a/src/client/components/AppHeader.vue +++ b/src/client/components/AppHeader.vue @@ -145,4 +145,10 @@ function showDownloads(): void { display: flex; gap: var(--half-spacing); } + +@media print{ + nav { + display: none; + } +} </style> diff --git a/src/client/components/FastaHeadersTable.vue b/src/client/components/FastaHeadersTable.vue index 9873c3f6024019cb0853ec4ce051e1b31ee2ffb4..356b36be65565bc4ee0c88cb3a847ef9be8e1563 100644 --- a/src/client/components/FastaHeadersTable.vue +++ b/src/client/components/FastaHeadersTable.vue @@ -198,11 +198,6 @@ th.descending::after { content: '🠧'; } -td.id-cell, -td.header-cell { - word-break: break-all; -} - td.header-cell { padding-left: 15%; text-align: start; @@ -239,4 +234,11 @@ td.header-cell { text-align: right; } } + +@media print { + th, + td { + padding: var(--half-spacing); + } +} </style> diff --git a/src/client/components/TheAntibodyPage.vue b/src/client/components/TheAntibodyPage.vue index 2eead58b8c3ba257bc6e8295b75c31e56733439f..8e4dba75dedf1b5bb8aa03eca96867230b78053b 100644 --- a/src/client/components/TheAntibodyPage.vue +++ b/src/client/components/TheAntibodyPage.vue @@ -166,4 +166,17 @@ nav { gap: var(--spacing); padding: var(--spacing); } + +@media print { + *:not(a) { + color: var(--black); + padding: 0; + margin: 0; + } + + nav, + button { + display: none; + } +} </style>