From 37f05def31112563fd9d8f3b0c9bf8cebb607d86 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sat, 6 Mar 2021 15:44:54 -0800
Subject: fix modal zindex

---
 frontend/src/components/Inputs/Code.js     | 5 ++++-
 frontend/src/components/Inputs/Dropdown.js | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'frontend/src/components/Inputs')

diff --git a/frontend/src/components/Inputs/Code.js b/frontend/src/components/Inputs/Code.js
index d5e063a..6817db2 100644
--- a/frontend/src/components/Inputs/Code.js
+++ b/frontend/src/components/Inputs/Code.js
@@ -18,10 +18,13 @@ const EditorWrapper = styled(Editor)`
     min-height: 40vh;
   }
   
+  & pre {
+    z-index: -1 !important;
+  }
+  
   & > textarea {
     ${Hover}
     padding: 0.6em !important;
-    z-index: 1;
     outline: none !important;
   }
 `
diff --git a/frontend/src/components/Inputs/Dropdown.js b/frontend/src/components/Inputs/Dropdown.js
index 851a692..27106dc 100644
--- a/frontend/src/components/Inputs/Dropdown.js
+++ b/frontend/src/components/Inputs/Dropdown.js
@@ -102,7 +102,7 @@ export const Language = (props) => {
     <GenericDropdown
       {...props}
       options={options}
-      placeholder={LANGS.detect}
+      placeholder='detect'
       label='language'
     />
   );
@@ -118,7 +118,7 @@ export const Theme = (props) => {
     <GenericDropdown
       {...props}
       options={options}
-      placeholder={'atom'}
+      placeholder='atom'
       label='theme'
     />
   );
-- 
cgit v1.2.3