From 5d82dc8b36f2cfcf63d9301e40888208149c1ab8 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Fri, 11 Oct 2019 10:05:51 +0100
Subject: [PATCH] Make text transparent on conditional placeholders
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Otherwise you have a visible copy of the text underlapping the text in the textbox. Which, when they don’t quite align makes the text look bold. Seems to be more noticeable on some browsers/operating systems than others, but a bug all the same.
---
 app/assets/stylesheets/components/textbox.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/textbox.scss b/app/assets/stylesheets/components/textbox.scss
index 91c1bba42..4e6c4e484 100644
--- a/app/assets/stylesheets/components/textbox.scss
+++ b/app/assets/stylesheets/components/textbox.scss
@@ -39,7 +39,8 @@
     padding-bottom: $gutter-half;
     z-index: 10;
 
-    .placeholder {
+    .placeholder,
+    .placeholder-conditional {
       color: transparent;
     }