From 3decb548f4b3ee5e0ac334e659138e37dd222a35 Mon Sep 17 00:00:00 2001
From: Felix Mattick <felix.mattick@gmail.com>
Date: Sat, 22 Jan 2022 11:44:36 -0600
Subject: [PATCH] (Jankily) clean up overflow and make code snippet link to
 min.css

---
 docs/index.html | 6 +++---
 docs/style.css  | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 2fd8574..ae696b5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -128,9 +128,9 @@
       </header>
 
       <div id="link-snippet-container">
-        <pre id="link-snippet-auto"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"></code></pre>
-        <pre hidden id="link-snippet-dark"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css"></code></pre>
-        <pre hidden id="link-snippet-light"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css"></code></pre>
+        <pre id="link-snippet-auto"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css"></code></pre>
+        <pre hidden id="link-snippet-dark"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css"></code></pre>
+        <pre hidden id="link-snippet-light"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.min.css"></code></pre>
       </div>
 
       <h3>Options</h3>
diff --git a/docs/style.css b/docs/style.css
index 03ce95f..c4fbf75 100755
--- a/docs/style.css
+++ b/docs/style.css
@@ -28,12 +28,19 @@
 }
 
 #link-snippet-container > pre {
-  overflow: auto;
+  overflow: hidden;
   grid-column: 1;
   grid-row: 1;
   transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1) 220ms;
 }
 
+/* This is a really *really* evil hack to get around a half-char of overflow. */
+@media only screen and (min-width: 840px) {
+  #link-snippet-container > pre > code {
+    overflow: hidden;
+  }
+}
+
 #link-snippet-container > pre[hidden] {
   display: block;
   visibility: hidden;