From 795db8ca9217f605b05618da0a6a8b6a53cca71b Mon Sep 17 00:00:00 2001
From: chlohal <coleh@coleh.net>
Date: Fri, 28 Oct 2022 13:06:48 -0400
Subject: [PATCH 1/4] fix: use proper capitalization

---
 src/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index 52394146..06d6d69c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -173,7 +173,7 @@ input.interactive-stdin {
 	position: absolute;
 	top: 0.1em;
 	left: -2em;
-	widtH: 2em;
+	width: 2em;
 	height: 2em;
 	background: var(--background-primary-alt);
 	border-top-left-radius: 4px;

From fa56a0c6c69f10f0f439745259edcdd6f6bffa59 Mon Sep 17 00:00:00 2001
From: chlohal <coleh@coleh.net>
Date: Fri, 28 Oct 2022 13:07:44 -0400
Subject: [PATCH 2/4] fix: use opacity and pointer-events to always hide
 indicator

---
 src/styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles.css b/src/styles.css
index 06d6d69c..7031e67e 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -181,6 +181,8 @@ input.interactive-stdin {
 	color: var(--tx1);
 	transform: translateX(2em);
 	transition: transform 0.25s;
+	opacity: 0;
+	pointer-events: none;
 	cursor: pointer;
 }
 
@@ -192,6 +194,8 @@ input.interactive-stdin {
 
 .load-state-indicator.visible {
 	transform: translateX(0);
+	opacity: 1;
+	pointer-events: all;
 }
 
 .load-state-indicator::before {

From 3e93dd623bfa862ccc878a3ee1179bc2af173b09 Mon Sep 17 00:00:00 2001
From: chlohal <coleh@coleh.net>
Date: Fri, 28 Oct 2022 13:08:26 -0400
Subject: [PATCH 3/4] fix: transition opacity on indicator

---
 src/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index 7031e67e..3707473d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -180,7 +180,7 @@ input.interactive-stdin {
 	border-bottom-left-radius: 4px;
 	color: var(--tx1);
 	transform: translateX(2em);
-	transition: transform 0.25s;
+	transition: transform 0.25s, opacity 0.25s;
 	opacity: 0;
 	pointer-events: none;
 	cursor: pointer;

From 790c67a6edf17386ea08e566ac36f00b19a1b526 Mon Sep 17 00:00:00 2001
From: chlohal <coleh@coleh.net>
Date: Fri, 28 Oct 2022 13:08:48 -0400
Subject: [PATCH 4/4] fix: compatibility with themes by offsetting by folding
 offset

---
 src/styles.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles.css b/src/styles.css
index 3707473d..5bb19c59 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -194,6 +194,7 @@ input.interactive-stdin {
 
 .load-state-indicator.visible {
 	transform: translateX(0);
+	transform: translateX(var(--folding-offset, 0));
 	opacity: 1;
 	pointer-events: all;
 }