From f1171f3e186ecfe0a661d99a3028e340245e167e Mon Sep 17 00:00:00 2001
From: Daniel Schultz <slifty@gmail.com>
Date: Sun, 18 Feb 2024 11:22:56 -0500
Subject: [PATCH] Remove chart controls in print view (#1753)

Most buttons are removed from the print view already, but some of the
chart UX was still there; this removes it, resulting in a cleaner print
view.

Issue #1747 Print view improvements
---
 frontend/src/charts/Chart.svelte          |  9 +++++++++
 frontend/src/charts/ChartSwitcher.svelte  | 15 +++++++++++++++
 frontend/src/charts/ModeSwitch.svelte     |  6 ++++++
 frontend/src/charts/SelectCombobox.svelte |  6 ++++++
 4 files changed, 36 insertions(+)

diff --git a/frontend/src/charts/Chart.svelte b/frontend/src/charts/Chart.svelte
index 85cfa73e0..1c13a127c 100644
--- a/frontend/src/charts/Chart.svelte
+++ b/frontend/src/charts/Chart.svelte
@@ -56,6 +56,7 @@
   <slot />
   <button
     type="button"
+    class="show-charts"
     on:click={() => {
       showCharts.update((v) => !v);
     }}
@@ -76,3 +77,11 @@
     {/if}
   {/if}
 </div>
+
+<style>
+  @media print {
+    button.show-charts {
+      display: none;
+    }
+  }
+</style>
diff --git a/frontend/src/charts/ChartSwitcher.svelte b/frontend/src/charts/ChartSwitcher.svelte
index af4e9471b..cf330a3d8 100644
--- a/frontend/src/charts/ChartSwitcher.svelte
+++ b/frontend/src/charts/ChartSwitcher.svelte
@@ -72,4 +72,19 @@
   button:hover {
     color: var(--text-color-lighter);
   }
+
+  @media print {
+    button {
+      display: none;
+      border-left: none;
+    }
+
+    button + button {
+      border-left: none;
+    }
+
+    button.selected {
+      display: inline;
+    }
+  }
 </style>
diff --git a/frontend/src/charts/ModeSwitch.svelte b/frontend/src/charts/ModeSwitch.svelte
index cf7e55e34..c6caf68ee 100644
--- a/frontend/src/charts/ModeSwitch.svelte
+++ b/frontend/src/charts/ModeSwitch.svelte
@@ -22,4 +22,10 @@
   label + label {
     margin-left: 0.125rem;
   }
+
+  @media print {
+    label {
+      display: none;
+    }
+  }
 </style>
diff --git a/frontend/src/charts/SelectCombobox.svelte b/frontend/src/charts/SelectCombobox.svelte
index fbb4e4155..2d0d22759 100644
--- a/frontend/src/charts/SelectCombobox.svelte
+++ b/frontend/src/charts/SelectCombobox.svelte
@@ -207,4 +207,10 @@
     color: var(--background);
     background-color: var(--link-color);
   }
+
+  @media print {
+    span {
+      display: none;
+    }
+  }
 </style>