From 850a9a2a3829e93d702116ee56e29781565feea0 Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Fri, 23 Aug 2024 11:38:02 -0700
Subject: [PATCH] clicking on faded text now transitions to editing mode

---
 packages/ilios-common/addon/components/editable-field.hbs        | 1 +
 .../app/styles/ilios-common/components/fade-text.scss            | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/ilios-common/addon/components/editable-field.hbs b/packages/ilios-common/addon/components/editable-field.hbs
index d870aa3282..0f32c3946d 100644
--- a/packages/ilios-common/addon/components/editable-field.hbs
+++ b/packages/ilios-common/addon/components/editable-field.hbs
@@ -50,6 +50,7 @@
           {{else}}
             <FadeText
               @text={{@value}}
+              {{on "click" (fn this.setIsEditing true)}}
               @onEdit={{fn this.setIsEditing true}}
               as |displayText expand collapse isFaded expanded|
             >
diff --git a/packages/ilios-common/app/styles/ilios-common/components/fade-text.scss b/packages/ilios-common/app/styles/ilios-common/components/fade-text.scss
index 081f035e5e..2c5533f940 100644
--- a/packages/ilios-common/app/styles/ilios-common/components/fade-text.scss
+++ b/packages/ilios-common/app/styles/ilios-common/components/fade-text.scss
@@ -11,6 +11,7 @@
 
   .fade-text-control {
     bottom: 140px;
+    cursor: pointer;
     height: 130px;
     padding-top: 140px;
     position: relative;