Fixed layering issues regarding popouts/contextmenu and navbar

Signed-off-by: 0xf8 <0xf8.dev@proton.me>

web/www/gallery.html.scss

@@ -22,8 +22,6 @@ span#title {
 
   justify-content: center;
 
-  z-index: 1;
-
   overflow: scroll;
   position: absolute;
   margin: 0;

web/www/gallery.html.tsx

@@ -55,7 +55,7 @@ class ContextMenu {
       return false;
     global_ActiveContextMenu = this;
 
-    $("div#container").append(this.overlay);
+    $("root").append(this.overlay);
 
     $(document).one("click", async (ev) => {
       ev.preventDefault();
@@ -98,7 +98,7 @@ class Popout {
       return;
     global_ActivePopout = this;
 
-    $("div#container").append(this.overlay);
+    $("root").append(this.overlay);
     this.overlay.one("click", (event) => {
       event.preventDefault();
 

web/www/navbar.scss

@@ -5,8 +5,6 @@ $fa-font-path: "fa/";
 div#navbar {
   position: fixed;
 
-  top: 0;
-  
   height:fit-content;
   width: 100vw;
   

web/www/settings.html.tsx

@@ -10,7 +10,7 @@ const settings = new Settings();
 
 
 window.onload = async() => {
-  // console.log(settings.config.keys());
+  
 }