From 3450bcda1aeda387987c82f891ce1fe4da8709ad Mon Sep 17 00:00:00 2001
From: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Date: Tue, 30 Jun 2020 19:03:32 +0200
Subject: [PATCH] Be able to select preimage hash in Firefox (#3101)

* enable input to be able to selec on Firfox

* styling

* Update packages/page-democracy/src/Overview/PreImage.tsx

Co-authored-by: Jaco Greeff <jacogr@gmail.com>

Co-authored-by: Jaco Greeff <jacogr@gmail.com>
---
 packages/page-democracy/src/Overview/PreImage.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/page-democracy/src/Overview/PreImage.tsx b/packages/page-democracy/src/Overview/PreImage.tsx
index da7620f24e..1b57092881 100644
--- a/packages/page-democracy/src/Overview/PreImage.tsx
+++ b/packages/page-democracy/src/Overview/PreImage.tsx
@@ -80,8 +80,8 @@ function PreImage ({ className = '', imageHash, isImminent: propsIsImminent, onC
               onChange={setProposal}
             />
             <Input
+              className='disabledLook'
               help={t<string>('The hash of the selected proposal, use it for submitting the proposal')}
-              isDisabled
               isDisabledError={!isMatched}
               label={t<string>('preimage hash')}
               value={encodedHash}
@@ -127,4 +127,13 @@ export default React.memo(styled(PreImage)`
     margin: 0.5rem 0;
     text-align: right;
   }
+
+  .disabledLook input {
+    background: transparent;
+    border-style: dashed;
+    &:focus{
+      background: transparent;
+      border-color: #d9d8d7;
+    }
+  }
 `);