From 78024873e50543a9760ab76b1a7e68b794b7cd64 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Sat, 20 Mar 2021 13:52:15 +0530
Subject: [PATCH] no border and on hover no background change

---
 src/components/ExportDialog.scss | 7 +++++++
 src/components/ProjectName.tsx   | 5 ++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/ExportDialog.scss b/src/components/ExportDialog.scss
index d313689f5..1376421d6 100644
--- a/src/components/ExportDialog.scss
+++ b/src/components/ExportDialog.scss
@@ -34,6 +34,13 @@
 
     .TextInput {
       height: calc(1rem - 3px);
+
+      &--readonly {
+        border: none;
+        &:hover {
+          background: none;
+        }
+      }
     }
   }
 
diff --git a/src/components/ProjectName.tsx b/src/components/ProjectName.tsx
index 6c2ab0d87..d474e7a30 100644
--- a/src/components/ProjectName.tsx
+++ b/src/components/ProjectName.tsx
@@ -59,7 +59,10 @@ export class ProjectName extends Component<Props> {
         {this.props.value}
       </span>
     ) : (
-      <span className="TextInput" aria-label={this.props.label}>
+      <span
+        className="TextInput TextInput--readonly"
+        aria-label={this.props.label}
+      >
         {this.props.value}
       </span>
     );