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,14 +209,6 @@ 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(
@@ -224,7 +217,6 @@ export function renderGrid(container: HTMLElement, data: any) {
           ),
         );
       });
-      }
 
       columnParentEl.appendChild(columnEl);
       board.appendChild(columnParentEl);