feat: hide empty overview columns + transparency effects support

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 {

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);