From d337ecdb204611483953caaf51bc710e5232239a Mon Sep 17 00:00:00 2001
From: ed <s@ocv.me>
Date: Tue, 27 Jul 2021 12:02:55 +0200
Subject: [PATCH] fix color bleed

---
 copyparty/web/browser.css | 6 ++++--
 copyparty/web/md.css      | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index ad6db667..8292b125 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -49,7 +49,9 @@ body {
 	padding: 1em 1.3em;
 	border-width: .4em 0;
 	transform: translateX(100%);
-	transition: all .4s cubic-bezier(.2, 1.2, .5, 1);
+	transition:
+		transform .4s cubic-bezier(.2, 1.2, .5, 1),
+		right .4s cubic-bezier(.2, 1.2, .5, 1);
 	text-shadow: 1px 1px 0 #000;
 	color: #fff;
 }
@@ -68,7 +70,7 @@ body {
 	outline: none;
 	text-shadow: none;
 	border-radius: .5em 0 0 .5em;
-	transition: all .4s cubic-bezier(.2, 1, .5, 1);
+	transition: left .3s, width .3s, padding .3s, opacity .3s;
 }
 #toast.vis {
 	right: 1.3em;
diff --git a/copyparty/web/md.css b/copyparty/web/md.css
index a75d4b6a..6e6644ca 100644
--- a/copyparty/web/md.css
+++ b/copyparty/web/md.css
@@ -32,7 +32,9 @@ html, body {
 	padding: 1em 1.3em;
 	border-width: .4em 0;
 	transform: translateX(100%);
-	transition: all .4s cubic-bezier(.2, 1.2, .5, 1);
+	transition:
+		transform .4s cubic-bezier(.2, 1.2, .5, 1),
+		right .4s cubic-bezier(.2, 1.2, .5, 1);
 	text-shadow: 1px 1px 0 #000;
 	color: #fff;
 }
@@ -51,7 +53,7 @@ html, body {
 	outline: none;
 	text-shadow: none;
 	border-radius: .5em 0 0 .5em;
-	transition: all .4s cubic-bezier(.2, 1, .5, 1);
+	transition: left .3s, width .3s, padding .3s, opacity .3s;
 }
 #toast.vis {
 	right: 1.3em;