:chore: Highlight corresponding cell when hovering (#1822)

KATO-Hiro · KATO-Hiro · commit 00406225ea4b · 2025-03-17T09:06:25.000Z
diff --git a/src/lib/components/TaskTables/TaskTable.svelte b/src/lib/components/TaskTables/TaskTable.svelte
@@ -64,7 +64,8 @@
   }
 
   function getBodyCellClasses(contestId: string, taskIndex: string): string {
-    const baseClasses = 'w-1/2 xs:w-1/3 sm:w-1/4 md:w-1/5 lg:w-1/6 px-1 py-1 border';
+    const baseClasses =
+      'w-1/2 xs:w-1/3 sm:w-1/4 md:w-1/5 lg:w-1/6 px-1 py-1 border hover:brightness-125 transition-all';
     const backgroundColor = getBackgroundColor(taskTable[contestId][taskIndex]);
 
     return `${baseClasses} ${backgroundColor}`;

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,8 @@`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`function getBodyCellClasses(contestId: string, taskIndex: string): string {`
`67`		`- const baseClasses = 'w-1/2 xs:w-1/3 sm:w-1/4 md:w-1/5 lg:w-1/6 px-1 py-1 border';`
	`67`	`+ const baseClasses =`
	`68`	`+ 'w-1/2 xs:w-1/3 sm:w-1/4 md:w-1/5 lg:w-1/6 px-1 py-1 border hover:brightness-125 transition-all';`
`68`	`69`	`const backgroundColor = getBackgroundColor(taskTable[contestId][taskIndex]);`
`69`	`70`
`70`	`71`	return `${baseClasses} ${backgroundColor}`;