From 3c1718b793661029566ddd039175e848399d8986 Mon Sep 17 00:00:00 2001
From: Mark Hoekveen <mark@hoekveen.net>
Date: Tue, 5 Mar 2024 10:18:08 +0100
Subject: [PATCH] clippy initial hide to prevent popin

---
 playlist/static/style.css      | 2 +-
 playlist/templates/Clippy.html | 2 +-
 playlist/templates/head.html   | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/playlist/static/style.css b/playlist/static/style.css
index b033791..e4aeb29 100644
--- a/playlist/static/style.css
+++ b/playlist/static/style.css
@@ -52,7 +52,7 @@ input#spotify-input + input[type=submit]{
 }
 
 #bsod, .hide {
-	display: none;
+	display: none !important;
 }
 
 .offscreen {
diff --git a/playlist/templates/Clippy.html b/playlist/templates/Clippy.html
index a820189..9672058 100644
--- a/playlist/templates/Clippy.html
+++ b/playlist/templates/Clippy.html
@@ -6,7 +6,7 @@
     e.parentElement.classList.add("hide")
   }
 </script>
-<div id="clippy">
+<div id="clippy" class="hide">
   <div class="body">
     <div class="content">{{ body }}</div>
     <br /><button onclick="closeclippy(this)">Ok</button>
diff --git a/playlist/templates/head.html b/playlist/templates/head.html
index d19c32f..cce8424 100644
--- a/playlist/templates/head.html
+++ b/playlist/templates/head.html
@@ -36,6 +36,7 @@
 					`translate(${position.x}px, ${position.y}px)`
 				document.getElementById("clippy").style.transform = 
 					`translate(${position.x}px, ${position.y}px)`
+				document.getElementById("clippy").classList.remove('hide');
 			} else {
 				localStorage.removeItem("position")
 			}