From 2bee4342b852b426cdeef913def109538eefda52 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Mon, 15 Nov 2021 16:25:56 +0530
Subject: [PATCH] chore: cleanup

---
 packages/hoppscotch-app/assets/scss/styles.scss     |  2 +-
 .../hoppscotch-app/helpers/editor/codemirror.ts     |  1 -
 .../helpers/editor/themes/baseTheme.ts              | 13 ++++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/hoppscotch-app/assets/scss/styles.scss b/packages/hoppscotch-app/assets/scss/styles.scss
index 7dcacc465..ad49cfdef 100644
--- a/packages/hoppscotch-app/assets/scss/styles.scss
+++ b/packages/hoppscotch-app/assets/scss/styles.scss
@@ -288,7 +288,7 @@ pre.ace_editor {
   }
 }
 
-input[type="checkbox"] {
+input[type="checkbox"].checkbox {
   @apply hidden;
 
   &,
diff --git a/packages/hoppscotch-app/helpers/editor/codemirror.ts b/packages/hoppscotch-app/helpers/editor/codemirror.ts
index add34f912..dce9998c4 100644
--- a/packages/hoppscotch-app/helpers/editor/codemirror.ts
+++ b/packages/hoppscotch-app/helpers/editor/codemirror.ts
@@ -194,7 +194,6 @@ export function useCodemirror(
                 }
                 if (update.docChanged) {
                   // Expensive on big files ?
-                  console.log("doc change")
                   cachedValue.value = update.state.doc
                     .toJSON()
                     .join(update.state.lineBreak)
diff --git a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
index 5ac29ed8a..4faa622b5 100644
--- a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
+++ b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
@@ -49,6 +49,17 @@ export const baseTheme = EditorView.theme({
   ".cm-panels.cm-panels-bottom": {
     borderTop: "1px solid var(--divider-light-color)",
   },
+  ".cm-search": {
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "nowrap",
+    flexShrink: 0,
+    overflow: "auto",
+  },
+  ".cm-search label": {
+    display: "inline-flex",
+    alignItems: "center",
+  },
   ".cm-textfield": {
     backgroundColor: "var(--primary-dark-color)",
     color: "var(--secondary-light-color)",
@@ -70,7 +81,7 @@ export const baseTheme = EditorView.theme({
   ".cm-completionLabel": {
     color: "var(--secondary-color)",
   },
-  ".cm-tooltip-autocomplete ul": {
+  ".cm-tooltip.cm-tooltip-autocomplete > ul": {
     fontFamily: "var(--font-mono)",
   },
   ".cm-tooltip-autocomplete ul li[aria-selected]": {