From 7050a9f48911f65b92aa520d09279ea1c15e0c92 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Sun, 7 Nov 2021 04:18:25 +0800
Subject: [PATCH] fix elements z-index higher than app header bar (#9530)

---
 app/src/interfaces/input-code/input-code.vue | 2 +-
 app/src/styles/lib/_codemirror.scss          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/interfaces/input-code/input-code.vue b/app/src/interfaces/input-code/input-code.vue
index 47607d4aa1..76bdc5f3f1 100644
--- a/app/src/interfaces/input-code/input-code.vue
+++ b/app/src/interfaces/input-code/input-code.vue
@@ -307,7 +307,7 @@ export default defineComponent({
 	position: absolute;
 	top: 10px;
 	right: 10px;
-	z-index: 10;
+	z-index: 4;
 	color: var(--primary);
 	cursor: pointer;
 	transition: color var(--fast) var(--transition-out);
diff --git a/app/src/styles/lib/_codemirror.scss b/app/src/styles/lib/_codemirror.scss
index 843056cac5..8f67f1fab9 100644
--- a/app/src/styles/lib/_codemirror.scss
+++ b/app/src/styles/lib/_codemirror.scss
@@ -361,7 +361,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 .CodeMirror-scrollbar-filler,
 .CodeMirror-gutter-filler {
 	position: absolute;
-	z-index: 6;
+	z-index: 4;
 	display: none;
 }
 .CodeMirror-vscrollbar {