From bb7c27dfea53e0074b3ca0e45a2ac8d6f841e626 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Thu, 12 Jun 2025 17:12:26 +1000
Subject: [PATCH] feat: hide empty overview columns + transparency effects
 support

---
 src/css/injected/transparency.scss            | 16 ++++-------
 .../built-in/assessmentsOverview/ui.ts        | 28 +++++++------------
 2 files changed, 16 insertions(+), 28 deletions(-)

diff --git a/src/css/injected/transparency.scss b/src/css/injected/transparency.scss
index ea0debf0..2a0bba10 100644
--- a/src/css/injected/transparency.scss
+++ b/src/css/injected/transparency.scss
@@ -21,6 +21,9 @@ html.transparencyEffects {
   }
 
   /* Blurs */
+  .search,
+  .document,
+  .border,
   .draggable,
   .notice,
   [class*="BasicPanel__BasicPanel___"],
@@ -42,29 +45,22 @@ html.transparencyEffects {
     backdrop-filter: blur(80px);
   }
 
+  .filter-select,
   .report {
     backdrop-filter: blur(10px) !important;
   }
 
+  #menu,
+  .kanban-column,
   .whatsnewContainer,
   [class*="Message__Message___"] {
     backdrop-filter: blur(50px);
   }
 
-  #menu {
-    backdrop-filter: blur(20px);
-  }
-
   .title > a {
     backdrop-filter: blur(0px) !important;
   }
 
-  .search,
-  .document,
-  .border {
-    backdrop-filter: blur(80px);
-  }
-
   #main > .dashboard {
     section,
     .dashlet {
diff --git a/src/plugins/built-in/assessmentsOverview/ui.ts b/src/plugins/built-in/assessmentsOverview/ui.ts
index 75c41ed1..3ac09cab 100644
--- a/src/plugins/built-in/assessmentsOverview/ui.ts
+++ b/src/plugins/built-in/assessmentsOverview/ui.ts
@@ -184,7 +184,8 @@ export function renderGrid(container: HTMLElement, data: any) {
       const assessmentList =
         statusGroups[column.key as keyof typeof statusGroups];
 
-      if (column.key === "SUBMITTED" && assessmentList.length === 0) {
+      // Skip rendering empty columns
+      if (assessmentList.length === 0) {
         return;
       }
 
@@ -208,23 +209,14 @@ export function renderGrid(container: HTMLElement, data: any) {
         `#${column.key.toLowerCase()}-cards`,
       ) as HTMLElement;
 
-      if (assessmentList.length === 0) {
-        cardsContainer.innerHTML = `
-          <div class="empty-column">
-            <div class="empty-icon">${column.icon}</div>
-            <p>No ${column.title.toLowerCase()} assessments</p>
-          </div>
-        `;
-      } else {
-        assessmentList.forEach((assessment) => {
-          cardsContainer.appendChild(
-            createKanbanCard(
-              assessment,
-              data.colors[assessment.code] || "#6366f1",
-            ),
-          );
-        });
-      }
+      assessmentList.forEach((assessment) => {
+        cardsContainer.appendChild(
+          createKanbanCard(
+            assessment,
+            data.colors[assessment.code] || "#6366f1",
+          ),
+        );
+      });
 
       columnParentEl.appendChild(columnEl);
       board.appendChild(columnParentEl);