From 15d3063234405444630c9e8c8d99782dd58132aa Mon Sep 17 00:00:00 2001
From: sophiamersmann <sophia.mersmann1@gmail.com>
Date: Mon, 16 Oct 2023 14:23:39 +0000
Subject: [PATCH] enhance(grapher): disallow selecting text in buttons

---
 .../@ourworldindata/grapher/src/controls/ContentSwitchers.scss   | 1 +
 .../@ourworldindata/grapher/src/timeline/TimelineComponent.scss  | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/@ourworldindata/grapher/src/controls/ContentSwitchers.scss b/packages/@ourworldindata/grapher/src/controls/ContentSwitchers.scss
index f916b27989f..225b0d80a9d 100644
--- a/packages/@ourworldindata/grapher/src/controls/ContentSwitchers.scss
+++ b/packages/@ourworldindata/grapher/src/controls/ContentSwitchers.scss
@@ -39,6 +39,7 @@
         cursor: default;
         letter-spacing: 0.01em;
         white-space: nowrap;
+        user-select: none;
 
         &:hover {
             background-color: $hover-fill;
diff --git a/packages/@ourworldindata/grapher/src/timeline/TimelineComponent.scss b/packages/@ourworldindata/grapher/src/timeline/TimelineComponent.scss
index 1adcc931dde..3d47e9e10f2 100644
--- a/packages/@ourworldindata/grapher/src/timeline/TimelineComponent.scss
+++ b/packages/@ourworldindata/grapher/src/timeline/TimelineComponent.scss
@@ -39,6 +39,7 @@ $timelineHeight: 32px;
         place-content: center;
         margin-right: 0;
         background-color: $light-fill;
+        user-select: none;
 
         &:hover {
             background: $hover-fill;