Went off on a tangent

src/Things to do.txt

@@ -81,7 +81,7 @@ sudo n lts| stable | latest  --(pick one)
 
 32.) Aligon icond to grid on the desktop  is broken
 
-33.) Windows z-indexing is BROOOOKEN.
+33.) Windows z-indexing is BROOOOKEN -- done.
 
 34.) Creating a new folder from the termial/fileexplorer has broken back navigation
 

src/app/system-apps/desktop/desktop.component.css

@@ -7,7 +7,8 @@
     right: 0;
     top: 0;
     bottom: 0;
-    background-color: blue;
+    /* background-color: blue; */
+    background-color: #208c71; /*Windows 95 Green*/
 }
 
 .dsktp-screen-preview-container{

src/app/system-apps/taskbar/taskbar.component.css

@@ -7,5 +7,5 @@
     position: fixed;
     right: 0;
     width: 100vw;
-    z-index: 10000;
+    z-index: 5;
 }

src/app/system-apps/taskbar/taskbar.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ElementRef, AfterViewInit } from '@angular/core';
 import { MenuService } from 'src/app/shared/system-service/menu.services';
 import { ProcessIDService } from 'src/app/shared/system-service/process.id.service';
 import { RunningProcessService } from 'src/app/shared/system-service/running.process.service';
@@ -10,12 +10,13 @@ import { Process } from 'src/app/system-files/process';
   templateUrl: './taskbar.component.html',
   styleUrls: ['./taskbar.component.css']
 })
-export class TaskbarComponent {
+export class TaskbarComponent implements AfterViewInit{
 
   private _processIdService:ProcessIDService;
   private _runningProcessService:RunningProcessService;
   private _menuService:MenuService;
-
+  private _el: ElementRef;
+  SECONDS_DELAY = 1000;
 
   hasWindow = false;
   icon = 'osdrive/icons/generic-program.ico';
@@ -24,15 +25,29 @@ export class TaskbarComponent {
   type = ComponentType.System
   displayName = ''
 
-  constructor( processIdService:ProcessIDService,runningProcessService:RunningProcessService, menuService:MenuService) { 
+  constructor( processIdService:ProcessIDService,runningProcessService:RunningProcessService, menuService:MenuService, el: ElementRef) { 
     this._processIdService = processIdService;
     this._runningProcessService = runningProcessService;
     this._menuService = menuService;
+    this._el = el;
+
     this.processId = this._processIdService.getNewProcessId()
     this._runningProcessService.addProcess(this.getComponentDetail());
   }
 
 
+  ngAfterViewInit(): void {
+
+    // VANTA js wallpaper is adding an unwanted style position:relative and z-index:1
+    setTimeout(()=> {
+      const tskBar = this._el.nativeElement;
+      if(tskBar) {
+        tskBar.style.position = '';
+        tskBar.style.zIndex = '';
+      }
+    }, this.SECONDS_DELAY);
+  }
+
   hideContextMenus():void{
     this._menuService.hideContextMenus.next();
   }