From c1a0638c0db0a9a23269504d6253ae6d226338d5 Mon Sep 17 00:00:00 2001
From: Simon Malesys <simon.malesys@pasteur.fr>
Date: Thu, 17 Apr 2025 15:33:51 +0200
Subject: [PATCH] Enhance printing style for the antibody page

---
 src/client/components/AppFooter.vue         | 18 ++++++++++++------
 src/client/components/AppHeader.vue         |  6 ++++++
 src/client/components/FastaHeadersTable.vue | 12 +++++++-----
 src/client/components/TheAntibodyPage.vue   | 13 +++++++++++++
 4 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/src/client/components/AppFooter.vue b/src/client/components/AppFooter.vue
index 453d08bd..a0c85fa3 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 ec9d269e..2857b855 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 9873c3f6..356b36be 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 2eead58b..8e4dba75 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>
-- 
GitLab