From 33a798cc44062611ddf1d7f6cf2ee0cc3e3cb68d Mon Sep 17 00:00:00 2001
From: Glitchii <hello@tempfile.site>
Date: Tue, 6 Jul 2021 13:49:26 +0100
Subject: [PATCH] Fix field issues with Grammarly, modify scrollbar color

---
 assets/css/index.css | 15 ++++++++++++++-
 assets/js/index.js   |  6 +++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/assets/css/index.css b/assets/css/index.css
index 6f89187..01718e1 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -648,7 +648,7 @@ u {
     white-space: pre-wrap;
 }
 
-.markup pre, .markup > blockquote {
+.markup pre, .markup>blockquote {
     max-width: 90%;
 }
 
@@ -846,9 +846,22 @@ body.gui .top>.CodeMirror {
     overflow-x: hidden;
     scrollbar-color: #202225 #292b2f;
     scrollbar-width: thin;
+    scrollbar-width: 7px;
     margin-top: 15px;
 }
 
+.top>.gui>* {
+    scrollbar-color: #292b2f #202225;
+}
+
+.top>.gui>* ::-webkit-scrollbar {
+    background: #202225 !important;
+}
+
+.top>.gui>* ::-webkit-scrollbar-thumb {
+    background: #292b2f !important;
+}
+
 body:not(.gui) .top>.gui, body:not(.gui) .bottom, body:not(.gui) .pickerToggle {
     display: none;
 }
diff --git a/assets/js/index.js b/assets/js/index.js
index c428401..f9a9fc3 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -465,7 +465,7 @@ window.onload = () => {
         gui.querySelectorAll('textarea, input').forEach(e => e.addEventListener('input', el => {
             let value = el.target.value, field = el.target.closest('.field');
             if (field) {
-                let jsonField = json.embed.fields[Array.from(fields.children).indexOf(field)];
+                let jsonField = json.embed.fields[Array.from(fields.children).filter(e => e.className === 'field').indexOf(field)];
                 if (jsonField) {
                     if (el.target.type === 'text') jsonField.name = value;
                     else if (el.target.type === 'textarea') jsonField.value = value;
@@ -694,4 +694,8 @@ window.onload = () => {
     let colrs = document.querySelector('.colrs');
     document.querySelector('.pickerToggle').addEventListener('click', () => colrs.classList.toggle('display'));
     update(json);
+    document.querySelector('.clear').click()
+    document.querySelector('.addField').click()
+    document.querySelector('.addField').parentNode.querySelector('textarea').select()
+    document.querySelector('.addField').parentNode.querySelector('textarea').focus()
 };