From a993def5b33dc9f75549e1c58604b4e655ff42c3 Mon Sep 17 00:00:00 2001
From: Nathaniel <73431750+nyakotey@users.noreply.github.com>
Date: Tue, 15 Feb 2022 11:01:15 +0000
Subject: [PATCH] edit loader

---
 loader.css | 7 ++++---
 sidebar.js | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/loader.css b/loader.css
index 9c8d3f8c..30bc0300 100644
--- a/loader.css
+++ b/loader.css
@@ -1,9 +1,10 @@
 .loader{
-    background-color: rgba(255, 255, 255, 0.95);
-    color: var(--color-banner);
+    background-color: #ffffff;
+    color: grey;
     padding: 0 1rem;
     border-radius: 0.4rem;
-    font-size: 1.5em;
+    font-size: 1.3em;
+    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.21);
 }
 .loader span:nth-child(n+2){
     font-size: 1.5em;
diff --git a/sidebar.js b/sidebar.js
index 2ba82f89..467bb3b8 100644
--- a/sidebar.js
+++ b/sidebar.js
@@ -72,7 +72,7 @@ function openBgPicker() {
         document.body.insertAdjacentHTML(
             "afterbegin",
             `<aside class="pop-up-container loader-container">
-                <section class="loader" style="--color-banner: ${getComputedStyle($("body")[0]).getPropertyValue("--color-banner")}">
+                <section class="loader" style="color: ${getComputedStyle($("body")[0]).getPropertyValue("--color-banner")}">
                     <span>Loading</span>
                     <span>.</span>
                     <span>.</span>
@@ -82,6 +82,7 @@ function openBgPicker() {
         );
     };
     showLoader();
+
     const loadForm = async () => {
         let file = await fetch("./form-upload.html");
         let ft = await file.text();
@@ -126,5 +127,5 @@ function openBgPicker() {
             });
         });
     };
-    loadForm();
+    // loadForm();
 }